css练习之导航条
来源:互联网 发布:vb crc16校验源码 编辑:程序博客网 时间:2024/06/05 19:06
<!DOCTYPE html><html><head><meta charset="UTF-8"><title></title><style type="text/css">*{margin: 0px;padding: 0px;}.nav{/*去除项目符号*/list-style: none;background-color: grey;width: 1000px;margin: 50px auto;/*解决高度塌陷问题*/overflow: hidden;}.nav li{float: left;/*占父元素的25%*/width: 25%;}.nav a{/*将a转化为块元素*/display: block;width: 100%;text-align: center;padding: 5px 0px;/*去除下划线*/text-decoration: none;color: white;font-weight: bold;}/*设置鼠标移入的效果*/.nav a:hover{background-color: red;}</style></head><body><ul class="nav"><li><a href="#">首页</a></li><li><a href="#">新闻</a></li><li><a href="#">联系</a></li><li><a href="#">关于</a></li></ul></body></html>
效果:
阅读全文
0 0
- css练习之导航条
- css练习004--导航条
- css导航条之扫盲
- HTML/CSS/JS之---导航条案例
- css导航条
- 纯css导航条
- CSS 实现导航条
- CSS 导航条
- CSS 8.4 导航条
- css实现导航条
- CSS创建导航条
- css+html导航条
- CSS练习四之导航栏及弹窗示例
- jquery、div+css导航条
- css 创建水平导航条
- CSS样式网页导航条
- html+css简易导航条
- Bootstrap之导航条
- MySql之DDL操作创建表(添加主键, 外键约束以及基本的数据类型)
- 运行caffe自带的两个简单例子
- ps与信号
- NYOJ 261 玩转矩阵的C小加
- mnist test
- css练习之导航条
- 根据PSD登陆页面设计稿切图制作HTML网页全过程
- 删除链表中重复的结点
- tree命令安装与使用
- 私有变量的使用:从传值到传引用
- NCURSES程序设计之拼图游戏
- win10将Submit Text3添加到右键打开
- 学习笔记2
- 那些关于http的故事