CSS样式实例---导航条
导航条一： < ! DOCTYPE html > < html > < head > < meta charset = "utf-8" > < title > 导航条 < / title > < style type = "text/css" > * { margin : 0 ; padding : 0 ; } . nav { list - style : none ; background - color : # 64951 D ; width : 1000 px ; margin : 50 px auto ; /*解决高度塌陷*/ overflow : hidden ; } . nav li { width : 25 % ; float : left ; } . nav a { /*将a转化成块元素，否则不能设置宽度*/ display : block ; /*模块内都能触发链接*/ width : 100 % ; text - align : center ; /*设置上下外边距*/ padding : 5 px 0 ; text - decoration : none ; /*设置字颜色和粗体*/ color : white ; font - weight : bold ; } . nav a : hover { background - color : #C00 ; }