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

这篇文章将为大家详细讲解有关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设置图片之间的间隔的方法”这篇文章就分享到这里了，希望以上内容可以对大家有一定的帮助，使各位可以学到更多知识，如果觉得文章不错，请把它分享出去让更多的人看到。

本文标题：css设置图片之间的间隔的方法
标题来源：http://6mz.cn/article/ihcdsg.html