培训网站下拉框

Original 2018-11-19 10:38:05 235
abstract:<!DOCTYPE >   <html>   <head>   <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> &nbs
<!DOCTYPE >   
<html>   
<head>   
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />   
<title>下拉框</title>   
<style type="text/css">   
*{ margin:0px; padding:0px;}   
#nav{ width:600px; height:40px; margin:0 auto;}   
#nav ul{ list-style:none;}   
#nav ul li{ float:left; line-height:40px; text-align:center; position:relative;}   
#nav ul li a{ text-decoration:none; color:#000; display:block;padding:0px 10px;}   
#nav ul li a:hover{ color:#FFF; background:#333}   
#nav ul li ul{ position:absolute; display:none;}   
#nav ul li ul li{ float:none; line-height:30px; text-align:left;}   
#nav ul li ul li a{ width:100%;}   
#nav ul li ul li a:hover{ background-color:#06f;}   
#nav ul li:hover ul{ display:block}   
</style>   
</head>   
<div id="nav">   
    <ul>   
        <li><a href="#">首页</a></li>   
        <li><a href="#">学习中心</a>   
            <ul>   
                <li><a href="#">java</a></li>   
                <li><a href="#">jQuery</a></li>   
                <li><a href="#">C++</a></li>   
                <li><a href="#">C语言</a></li>   
            </ul>           
        </li>   
        <li><a href="#">个人中心</a></li>   
        <li><a href="#">关于我们</a></li>   
    </ul>   
</div>   
<body>   
</body>   
</html>


Correcting teacher:查无此人Correction time:2018-11-19 10:55:07
Teacher's summary:不错哦,样式和功能都出来,可以加点背景,改改颜色,就是一个漂亮的导航了。少年加油

Release Notes

Popular Entries