一般常用网站导航布局

原创 2019-01-19 14:37:30 217
摘要:<!DOCTYPE html><html><head>    <meta charset="UTF-8">    <title>网站导航</title>    <style>    .nav{width:100%;b

<!DOCTYPE html>

<html>

<head>

    <meta charset="UTF-8">

    <title>网站导航</title>

    <style>

    .nav{width:100%;background: #2c73fa;height: 40px;}

    .header{width: 1000px;margin: 0px auto;}

    .header ul{margin: 0px;padding: 0px;list-style: none;}

    .header ul li{width:200px; height: 40px;line-height:40px; float: left;text-align: center;}

    .header ul li:hover{background:#f60;}

    .header ul li a{color:#fff;text-decoration:none;font-size:16px;}

    </style>

</head>

<body>

<div>

    <div>

       <ul>

        <li><a href="#">首页</a></li>

        <li><a href="#">关于我们</a></li>

        <li><a href="#">产品中心</a></li>

        <li><a href="#">在线留言</a></li>

        <li><a href="#">联系我们</a></li>

       </ul>

   </div> 

</div>

</body>

</html>


批改老师:灭绝师太批改时间:2019-01-19 14:40:12
老师总结:完成的不错!代码简洁,条理清楚继续保持!

发布手记

热门词条