此刻网页的做的越来越当作熟 ， 各类结果让人目炫狼籍但一些根本的结果仍是不变的 ， 所以小编分享一下本身若何做悬停结果的；（代码都放在图片上了 ， 小编偷个懒只简单申明一下）
需要这些哦
电脑
Sublime Text
方式/
1架构很简单就是 ul 里面有 li ；而每个 li 里面包含着 a 标签存放文字 ， 一个 span；
2起首是 ul 的节制 ，
position ， 便利节制位置 ， 和下体面元素的位置；
border-bottom ， 节制下面的红色分界线；
padding-left ， padding-right节制摆布的内边距；
3li的节制 ，
float ， 节制悬浮变为一排；
4a标签；
text-decoration ， 节制a标签的默认下划线消逝；
float ， 便利节制位置；
padding ， 节制a标签的间距；
5span的节制（就是 每个选项之间的距离线）
borde-left ， 节制左侧的边框；
【用css制作简单的导航栏效果——悬停改变】height ， 节制高度；
margin-top ， 节制位置；
float ， 连结和其他元素的位置；
6a：hover属性 ， 就是悬停在 a标签上时触发的（具体的可以百度） ，
color ， 节制触发时的颜色；
background ， 添加图片 ， 打消平铺 ， 图片居中 ， 节制位置；
猜你喜欢
- 如何用AotoCAD画一朵向日葵
- 如何用会声会影x10进行视频剪辑
- 腾讯电脑管家金币获得和使用图文攻略
- 如何用代码在Flash中绘制柱形图
- 锐捷网络技能大赛，画地勘如何用visio画基本图
- 联想W540使用技巧
- 泰国冰茶的制作方法（芒果冰茶超简单做法分享）
- 豆腐布朗尼的做法（豆腐布朗尼的制作方法）
- 迅雷下载工具怎用使用设置按钮
- 长焦镜头拍摄技巧