发表于： 2016-07-25 17:14:05
4 1459
拖着拖着完成了任务1....配置了sublime text，遇到的问题，在写代码的时候.box ul.block中把width和height属性写在了background的后面，显示不出来，后来通过浏览代码调整了顺序解决。还有一个问题是刚开始的时候忘记了边框的合并，把.box中的width和height属性写多了，后来通过调整长宽解决。 代码主体如下：好像有的显示不出来？
晚上贴链接0.0
<!DOCTYPE html>
<html>
<head>
<meta charest="UTF-8">
<title>task</title>
<style type="text/css">
*{margin: 0; padding: 0;}
.box
{
text-align:center;
width: 420px;
height:420px;
margin:0 auto;
border: 1px solid black;
margin-left: auto;
padding: 15px;
}
.box ul
{
list-style:none;
overflow:hidden;
}
.box ul .block
{
width:130px;
height:130px;
border-radius: 10px;
background-color: #ff9900;
border: none;
float:left;
margin:5px 5px 5px 5px;
}
</style>
</head>
<body>
<div>
<div>
<ul>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
</div>
</div>
</body>
</html>
返回列表
评论