快捷导航
发新帖
返回列表
课程第18分钟的时候,导航条之间的距离是30px,那padding值不是写30px吗,因为取最大值呀,你为什么写15px?




<head>
<meta charset="utf-8">
<title>gulp跟老师练习</title>
<style>
*{padding:0;margin:0;}
ul{list-style:none;}
a{text-decoration:none;}
body{font-family:"微软雅黑", "黑体", "宋体"}
.header{height:50px;width:100%;background:#cf4646;}
.header a{color:#eee;}
.header a:hover{color:#fff;}
.hd-con{height:50px;width:1100px;border:1px solid green;margin:0 auto;}
.header .logo{float:left;line-height:50px;}
.header .nav{float:right;}
.header .nav li{float:right;}
.header .nav a{font-size:14px;line-height:50px;display:block;padding:0 15px;}

.banner{height:380px;width:100%;background:#cf4646;}

.con{height:210px;width:1100px;margin:60px auto;border:1px solid green;}

.footer{width:100%;height:80px;background:#ccc;}
</style>

</head>

<body>
<div class="header">
        <div class="hd-con">
            <a href="#" class="logo">gulp中文网</a>
        <ul class="nav">
                <li><a href="#">首页</a></li>
            <li><a href="#">中文文档</a></li>
            <li><a href="#">入门指南</a></li>
            <li><a href="#">API</a></li>
            <li><a href="#">插件开发</a></li>
            <li><a href="#">常见问题</a></li>
            <li><a href="#">使用技巧</a></li>

        </ul>
    </div>
</div>

<div class="banner"></div>

<div class="con"></div>

<div class="footer"></div>

</body>
</html>


举报 使用道具
| 回复

共0个回复 最后回复于 2020-5-12 23:22

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

快速回复 返回顶部 返回列表