您的位置 >>> 星想互联 >>> 编程技术 >>> HTML+CSS
弹出式菜单制作(二)
点击数: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>
来源:星想互联