-
菜单样式大部分在a标签中实现，之前将a设置为block元素查看全部
-
常用ul来制作导航菜单查看全部
-
*{ } （用于全局设置） text-decoration：none; （用于清除文本内容的下划线） text-indent（文本缩进用，text-indent替换padding-left，是为了防止菜单长度增加。例如：padding-left:10px; 会导致宽度也增加10px ） 块状元素才可以设置 宽度 高度 a:hover{background-color ; color文字颜色} line height10 height10 字居中查看全部
-
负值代码查看全部
-
margin-top:-10 可以使用负值查看全部
-
大多数浏览器兼容的圆角css代码：-webkit-border-radius:4px;-moz-border-radius: 4px;-o-border-radius: 4px;border-radius:4px;查看全部
-
圆角css代码：border-radius:4px 4px 3px 3px 顺序是左上角，右上角，右下角，左下角 兼容代码：-moz-border-radius: 15px; border-radius: 15px;查看全部
-
圆角css代码：border-radius:4px 4px 3px 3px 顺序是左上角，右上角，右下角，左下角 兼容代码：-moz-border-radius: 15px; border-radius: 15px;查看全部
-
text-indent: 文本缩进查看全部
-
margin-top:-10px;查看全部
-
改变a标签的高度height:40px，这样是向下增加的，再设置margin-top为负值，向反方向移动margin-top:-10px，但文字也向上移动国，可设置a标签line-height:40px查看全部
-
垂直菜单改为水平菜单 li {float:left} 文本对齐方式 text-align:center查看全部
-
display:block; text-indent:20px;查看全部
-
垂直菜单左浮动既是水平菜单。 li{float:left} 水平菜单居中对齐：display:block;text-align:center;查看全部
-
去掉ul前面的圆点 ul{list-style:none;} a标签去掉下划线：a{text-decoration:none;}查看全部
举报
0/150
提交
取消