用CSS+UL标签做菜单

用CSS+UL标签做菜单

/*
用<ul>,<li>,<a href>做菜单,适用绝大多数浏览器:
step 1.HTML结构:div里套ul和li,li里套<a href>链接
*/

body{}

.menu{}

.menu ul
{
 list-style: none;
 font-size: 10pt;
}

.menu li
{
 float: left;/*step 2.列表由竖排改横排*/
 line-height:30px;/*块的高度*/ 
 text-align:center;
 background-color: #808080;
}

.menu a
{
 width:80px;
 height:20px;
 display:block;    /*step 3.<a>标记让其以块状显示*/
 text-decoration:none;
}

.menu a:link{}

.menu a:visited{}

.menu a:hover
{
 background-color:#FF0000;/*step 4.链接的盘旋时的样式,让其背景色高亮*/
}