-
html+css实现赛博朋克风格按钮
先看效果： 前言： 这个思路是我在b站看up主Steven做的，觉得很不错，然后自己也弄了一个。（纯css），狼蚁网站SEO优化是详细过程。最后面有完整代码。 实现： 1. 首先定义一个div标签...
-
HTML+CSS制作心跳特效的实现
今天来制作一个简单的心跳效果，不需要很多代码，添加一个盒子，充分利用CSS展现就可以啦。 1.首先我们在页面添加一个可视化的盒子 bodydiv class=heart/div /body 2.然后给它先变成一颗心...
-
HTML中的表单Form实现居中效果
之前碰到一个作业，给了一张图片，让按照图片样式做一个表单，但在所有功能都实现后，发现无法让表单居中，一直缩在左上角，看起来很难看。在经过了各种修改后，终于成功将表...
-
HTML通过表单实现酒店筛选功能
!doctype htmlhtml xmlns=http://www.w3.org/1999/xhtmlheadmeta http-equiv=Content-Type content=text/html:charset=utf-8/title通过表单实现酒店筛选/titlelink rel=stylesheet href=1-1.css/headbodydiv class=mr-contentdiv class=mr-containe...
-
HTML+css盒子模型案例(圆，半圆等)“border-radius”
很多小伙伴在前端学习的时候，发现盒子模型默认为正方形。如何把盒子变成想要的模型呢？ 首先我们来看一下默认的情况---- !DOCTYPE htmlhtml lang=enhead meta charset=UTF-8 meta http-equiv=X-UA-Co...
-
HTML页面滚动时部分内容位置固定不滚动的实现
本文主要介绍了HTML页面滚动时部分内容位置固定不滚动，对布局有一定的帮助作用，废话不多说，具体如下： 效果截图： 页面源代码： !DOCTYPE htmlhtmlhead meta charset=UTF-8 title无标题页/...
-
HTML中table表格拆分合并(colspan、rowspan)
代码演示 横向合并： !DOCTYPE html PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN http://www.w3.org/TR/html4/loose.dtdhtml head meta http-equiv=Content-Type content=text/html; charset=UTF-8 title演示table标记2--单元格合并/ti...
-
html实现随机点名器的示例代码
此点名器开始点名后需点击停止按钮完成点名，因为是精简版没有考虑自动停止需求。姓名数据以字符串形式储存，适合小范围点名使用，有大量需求可自己适当改进。 head meta charset...
-
html+css实现血轮眼轮回眼特效代码
效果（完整代码在底部）： 实现并不难，都是重复的代码比较多。 实现（可跟着一步一步写）： 1. 先定义基本标签： !-- 血轮眼 -- div class=zuo !-- 眼睛最中间那个黑点 -- div class=zuoZong...
-
Html分层的box-shadow效果的示例代码
先上图：今天我们做这个效果！ 其实也没什么，就是分享一下大家在做网页的时候经常会遇到要做导航栏之类的，可能会觉得自己的导航栏总是少了点立体的感觉，今天我们就来看看！...
-
如何弹出QQ临时对话框实现不添加好友在线交谈效
其实这个很简单，在img我们加入一个a标签，然后 a href='tencent://message/?uin=QQ号码Site=网站地址Menu=yes'/a 2013-4-16补充： 其实这么写有一个弊端，那就是如果对方不是你的好友，你需要添加...
-
html滑动仿悬浮球菜单效果的实现
css样式 html,body{width: 100%;height: 100%;margin: 0;padding: 0;}/*导航图标*/.NMH-g-navicon{position: fixed;top: 40%;right: 020px;width: 100px;height: 100px;}.NMH-g-navicon.Jnmh-onleft{right: auto;left: 020px;}/*导航图标logo按钮...
-
sublime / vscode 快捷生成HTML代码的实现
目录 基本html结构 输入 !+Enter !DOCTYPE htmlhtml lang=enhead meta charset=UTF-8 meta name=viewport content=width=device-width, initial-scale=1.0 meta http-equiv=X-UA-Compatible content=ie=edge titleDocument/title/headbody /body/html...
-
HTML页面缩小后显示滚动条的示例代码
这里记录一下如何使得HTML页面缩小之后，底部出现滚动条，使得可以通过滚动滚动条来浏览由于界面缩小而被掩盖的地方。 说一下这样做的好处。 首先，一般界面缩小之后不出现滚动...
-
html列表框、文本域、文件域的示例代码
下拉框、文本域、文件域 上为演示效果下为代码 form method=get action=result.html!--input:输入框标签，默认为text，文本框name:为该输入框起一个名字，用来提交数据maxlength=8:文本框最多可以输...
-
HTML 拖拉功能的实现代码
基于 vue 此功能核心思想就是通过 JavaScript 代码控制 node 在页面上的左边距与顶边距，不同的的样式定位方式有不同的解决方案 本方案采用 position: absolute 定位方式的解决方案 css 样式的...
