html代码如下
<body>
<div class="div1">
<ul class="faceul">
<li><img src="jam.jpg"/></li>
<li><img src="jam.jpg"/></li>
<li><img src="jam.jpg"/></li>
<li><img src="jam.jpg"/></li>
<li><img src="jam.jpg"/></li>
<li><img src="jam.jpg"/></li>
<li><img src="jam.jpg"/></li>
<li><img src="jam.jpg"/></li>
<li><img src="jam.jpg"/></li>
<li><img src="jam.jpg"/></li>
<li><img src="jam.jpg"/></li>
</ul>
</div>
</body>
css文件如下
*{
padding:opx;
margin:0px;
}
.div1{
width:1000px;
height:1000px;
/*border:1px red solid;*/
background-color:pink;
margin-left:200px;
}
.faceul li{
list-style-type:none;
float:left;
width:100px;
height:120px;
border:1px black solid;
margin:5px 0px 0px 10px;
}
.faceul li img{
width:80px;
height:100px
margin-top:5px
}
为什么图片边距显示不了呢???
<body>
<div class="div1">
<ul class="faceul">
<li><img src="jam.jpg"/></li>
<li><img src="jam.jpg"/></li>
<li><img src="jam.jpg"/></li>
<li><img src="jam.jpg"/></li>
<li><img src="jam.jpg"/></li>
<li><img src="jam.jpg"/></li>
<li><img src="jam.jpg"/></li>
<li><img src="jam.jpg"/></li>
<li><img src="jam.jpg"/></li>
<li><img src="jam.jpg"/></li>
<li><img src="jam.jpg"/></li>
</ul>
</div>
</body>
css文件如下
*{
padding:opx;
margin:0px;
}
.div1{
width:1000px;
height:1000px;
/*border:1px red solid;*/
background-color:pink;
margin-left:200px;
}
.faceul li{
list-style-type:none;
float:left;
width:100px;
height:120px;
border:1px black solid;
margin:5px 0px 0px 10px;
}
.faceul li img{
width:80px;
height:100px
margin-top:5px
}
为什么图片边距显示不了呢???
