html照片与照片之间的间隔,css设置图片之间的间隔的方法

css设置图片之间的间隔的方法

发布时间：2021-01-05 09:32:24

来源：亿速云

阅读：116

作者：小新

这篇文章将为大家详细讲解有关css设置图片之间的间隔的方法，小编觉得挺实用的，因此分享给大家做个参考，希望大家阅读完这篇文章后可以有所收获。css设置图片之间的间隔的方法：首先新建一个html文件；然后创建一个div，并在div内使用img标签创建两张图片；最后使用margin属性设置两张图片之间的距离即可。

css设置两个图片之间的距离的方法

新建一个html文件，命名为test.html，用于讲解css中如何设置两个图片之间的距离。

在test.html文件内，创建一个div，并设置其class属性为dd，用于下面对div进行css样式设置。

在div内，使用img标签创建两张图片，图片名称分别为1.jpg，3.jpg。

为了展示明显的效果，对div进行样式设置。设置div宽度为600px，高度为500px，居中显示，同时设置1px灰色边框。

在test.html文件内，使用margin属性设置两张图片之间的距离。例如，设置1.jpg图片距离3.jpg图片30px，可以使用margin-right属性进行设置。

关于“css设置图片之间的间隔的方法”这篇文章就分享到这里了，希望以上内容可以对大家有一定的帮助，使各位可以学到更多知识，如果觉得文章不错，请把它分享出去让更多的人看到。