html图片上下间距怎么设置_随笔

在test.html文件内,使用margin属性设置两张图片之间的距离。

例如,设置1.jpg图片距离3.jpg图片30px,可以使用margin-right属性进行设置。

图片是指由图形、图像等构成的平面媒体。图片的格式很多，但总体上可以分为点阵图和矢量图两大类，我们常用BMP、JPG等格式都是点阵图形，而SWF、CDR、AI等格式的图形属于矢量图形。

（1）一般有间距是因为浏览器的默认样式造成的

（2）网上有很多的样式重置方法

（3）最简单的就是下面这行，就是将所有的内外边距都设为0

*{margin:0pxpadding:0}

（4）完整例子

<!DOCTYPE html>

<html>

<head>

<title>Document</title>

<style>

* {

margin: 0px

padding: 0px

}

.box {

width: 100px

height: 100px

}

.box1 {

background: red

}

.box2 {

background: orange

}

</style>

</head>

<body>

<a href="#">这个是a标签</a>

</body>

</html>

欢迎分享，转载请注明来源：内存溢出

html图片上下间距怎么设置