首页 新闻 会员 周边

HTML+css

0
悬赏园豆:50 [已解决问题] 解决于 2018-10-13 17:11

图中的蓝色间距该如何用 HTML+css做?

web前段初学者的主页 web前段初学者 | 初学一级 | 园豆:2
提问于:2018-10-13 15:15
< >
分享
最佳答案
0


<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<style>
* {padding: 0;margin: 0}
ul li{list-style:none;}
.clearfix:after {display: block;clear: both;content: "";visibility: hidden;height: 0;}
.clearfix {zoom: 1;}
.header{background-color:#f1f1f1}
.container{width:1040px;margin:0 auto;background-color:#f1f1f1}
a.title {font-size: 18px;color: black;font-weight: 600;text-decoration: none}
.nav .nav-left{float:left}
.nav .nav-right {float:right}
.nav ul li {float:left;margin-right:30px;height:40px;line-height:40px;}
.nav ul li a{color:#505050;text-decoration:none;}
.nav ul li a:hover {color:#000000;}
</style>
</head>

<body>
<div class="header">
<div class="container">
<div class="nav clearfix">
<ul class="clearfix nav-left">
<p><a hreflang="#" class="title" href="">贷款网</a></p>
<p><a href="#">首页</a></p>
<p><a href="#">我要杰出</a></p>
<p><a href="#">我要借入</a></p>
<p><a href="#">我的账户</a></p>
<p><a href="#">帮助</a></p>
<p><a href="#">社区</a></p>
<p><a href="#">本金保障</a></p>
</ul>
<ul class="clearfix nav-right">
<p><a href="#">免费注册</a></p>
<p><a href="#">登录</a></p>
</ul>
</div>
</div>
</div>
</body>
</html>

希望能够帮到你。

收获园豆:50
张林-布莱恩特 | 初学一级 |园豆:108 | 2018-10-13 17:04

注意一点,提交这个代码的时候。这个ul li 标签全部被替换成了p标签,把p标签全部改成li标签就可以了

张林-布莱恩特 | 园豆:108 (初学一级) | 2018-10-13 17:06
清除回答草稿
   您需要登录以后才能回答,未注册用户请先注册