发表于： 2016-04-01 08:12:28
1 1749
<html>
<style type="text/css">
* {margin:0;padding:0;}
#content {
width:316px;
height:316px;
background:gray;
position:relative;
top:50%;
margin-top:-158px;
left:50%;
margin-left:-158px;
}
#div1,#div2,#div3,#div4,#div5,#div6,#div7,#div8,#div9 {
width:100px;
height:100px;
background-color:#e8830d;
margin-top:4px;
float:left;
border-radius:10px;
margin-left:4px;
}
</style>
<body>
<div id="content">
<div id="div1">
</div>
<div id="div2">
</div>
<div id="div3">
</div>
<div id="div4">
</div>
<div id="div5">
</div>
<div id="div6">
</div>
<div id="div7">
</div>
<div id="div8">
</div>
<div id="div9">
</div>
</div>
</body>
</html>
正文：了解圆角框（border-radius）以及通过编写了解盒模型
返回列表
评论