好得很程序员自学网

<tfoot draggable='sEl'></tfoot>

导航条_html/css_WEB-ITnose

在a的css设置高光的样式

float:left - 使用 float 来把块元素滑向彼此。 display:block - 把链接显示为块元素可使整个链接区域可点击(不仅仅是文本),同时也允许我们规定宽度。




无标题文档


body{ padding:0; margin:0;}
ul{list-style-type: none;}
a{ text-decoration:none;}
.maincontent {padding: 0 px;margin-right: 10px;margin-left: 10px; background:#000;}
.maincontent .nav{ color:#fff; height:30px; background:#000;}
.maincontent .nav ul {margin: 0px; line-height:30px ; display:block;}
.maincontent .nav ul li{float: left; line-height:30px; }
.maincontent .nav ul li a{ color:#fff; padding:0 30px; line-height:30px; display:block; cursor:pointer;}
.maincontent .nav ul li a:hover {color:#F03; background:#fff;}





查看更多关于导航条_html/css_WEB-ITnose的详细内容...

  阅读:29次