用CSS+UL标签做菜单

用CSS+UL标签做菜单

2006-12-19 23:26   阅读121   评论0

/*
用<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.链接的盘旋时的样式,让其背景色高亮*/
}