弹出式菜单制作(二)
点击数:2599 发布时间2012-03-10 15:30:57
menu ul li ul li{font—size:12px;/‘设定菜单项文字的大小。I}
.menu u1 1i a:hover ulf
visibility:visible;/t菜单项在鼠标移至超链接上时可见‘/}
.menu ulli a{
display:block,
border:Ipx solid l aaaj
background:red;/’主菜单的背景’/
padding:2px 10px;
margin:3pxj color:●fff;
text—decoration:nonej}
.menu a:hover{
background:#f2cdb0;
color:#f00;
border:Ipx
solid red,’
.menu u11i u11i a(
display:block;
width:100pxj
height:13px,
margin:0j
border:0j
border—bottom:Ipx s01id red;
background—color:}00FF00;/‘菜单项颜色:绿色背景·/
}
.menu ul li ul li a:hoverf
border:0;
border—bottom:ipx solid I fffj
background—color:tFFFF00jI‘菜单项鼠标经过时的背景颜色:黄色’/
}
(Istyle>
</head>
<body>
<div class=”menu’‘>
<ul> (!一一菜单被看作为一个项目列表—.>
<1i><a href=…>超文本标记与样式基础(!—-将表格作为特殊的文本—->
<table>(tr>(td>
<u1>
<li><a href=…’>标准<la></li>
<li><a href=…->教程<la></Ii>
<li>(a href=--.·>技术文章<la></li>
<li><a href=…’>常见问题<la>(1li>
<1i><a href=…>布局教程专题<la></ii>