4-12固定定位的用途顶部导航栏

来源：互联网发布：windows xp下 arp命令编辑：程序博客网时间：2024/05/21 02:48
<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>Document</title>    <style>        * {            margin: 0;            padding: 0;        }                .nav {            position: fixed;            top: 0;            left: 0;            width: 100%;            height: 60px;            background: #333;            z-index: 999999;        }                .inner_c {            width: 1000px;            height: 60px;            margin: 0 auto;        }                .nav .inner_c ul {            list-style: none;        }                .nav .inner_c ul li {            float: left;            width: 100px;            height: 60px;            text-align: center;            line-height: 60px;        }                .nav .inner_c ul li a {            display: block;            width: 100px;            height: 60px;            color: white;            text-decoration: none;        }                .nav .inner_c ul li a:hover {            background-color: gold;        }    </style></head><body>    <div class="nav">        <div class="inner_c">            <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>                <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>    <img src="images/0103-large.jpg" alt="">    <img src="images/0103-large.jpg" alt="">    <img src="images/0103-large.jpg" alt=""></body></html>
阅读全文
0 0