求助大神们，这个网页的div+css怎么写😭😭😭
展开全部
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<style type="text/css">
.main{position: relative;width: 960px;margin: 0 auto;overflow: hidden;}
.main-title{padding: 0 10px;background: #d01112;border-top: 3px solid #3c3c3c;height: 40px;line-height: 40px;color: #FFFFFF;}
.main-title span{float: left;}
.main-title a{float: right;text-decoration: none;color: #FFFFFF;}
.main ul{overflow: hidden;padding: 0;}
.main ul li{float: left;width: 180px;margin-left: 10px;height: 150px;list-style: none;margin-top: 10px;}
.main ul li img{width: 100%;height: 100%;}
</style>
<body>
自己换张图片就行了
<div class="main">
<div class="main-title">
<span>中国政法大学60周年高清组合图</span>
<a href="">更多>></a>
</div>
<ul>
<li><img src="img/avatar.jpg"/></li>
<li><img src="img/avatar.jpg"/></li>
<li><img src="img/avatar.jpg"/></li>
<li><img src="img/avatar.jpg"/></li>
<li><img src="img/avatar.jpg"/></li>
<li><img src="img/avatar.jpg"/></li>
<li><img src="img/avatar.jpg"/></li>
<li><img src="img/avatar.jpg"/></li>
<li><img src="img/avatar.jpg"/></li>
<li><img src="img/avatar.jpg"/></li>
</ul>
</div>
</body>
</html>
追问
谢谢
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
所有图片当一起，来个左浮动，给图片加个margin
追问
谢谢
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<div>
<h4></h4>
<div>
<ul>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
</div>
</div>
li浮动就行啦
<h4></h4>
<div>
<ul>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
</div>
</div>
li浮动就行啦
更多追问追答
追问
两行五列的图片怎么弄？
追答
给div定个宽度.大概是5个图片宽度.
然后让li浮动. 这样就只能1行显示5个li了.
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
