消除图片边距的方法：
1、图片横排产生边距消除方法：给图片设置浮动 floa；
2、图片竖排产生边距消除方法：给图片设置vertical-align;
代码如下：（内含注释，图片可自由更换）
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
*{
padding: 0;
margin: 0;
}
body{
color: #fff;
background: #000;
}
img{
float: left;
/*margin: 10px;*/
/*display: block;*/
/*vertical-align: top;*/
/*vertical-align: middle;*/
}
</style>
<body>
<div>
<img src="img/0770220136.jpg" alt="" /><!--哎呦喂，你咋能酱紫-->
<img src="img/0940261.jpg" alt="" /><!--我相信我能行-->
<img src="img/20070120133230930.jpg" alt="" /><!--我又想你了，你人在哪端-->
<img src="img/2008522194553443_2.jpg" alt="" />
</div>
</body>
</html>
464
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
