• 技术文章 >web前端 >css教程

    图片之间的间隔css怎么设置

    藏色散人藏色散人2021-01-05 17:17:01原创670

    css设置图片之间的间隔的方法:首先新建一个html文件;然后创建一个div,并在div内使用img标签创建两张图片;最后使用margin属性设置两张图片之间的距离即可。

    本教程操作环境:Dell G3电脑、Windows7系统、HTML5&&CSS3版本。

    推荐:《css视频教程

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

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

    72e616868374ff4c944a440f35bd45a.png

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

    059ef8fed8df23e4901cdd6dd1c9fc8.png

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

    6701d69302a5c8fd6d03053b2d580d6.png

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

    d69cc16bc1d0465324729f28e61009e.png

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

    61c3a202a852ba323ea41dd60225dd6.png

    以上就是图片之间的间隔css怎么设置的详细内容,更多请关注php中文网其它相关文章!

    声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
    专题推荐:css
    上一篇:css如何写二级下拉菜单 下一篇:箭头用css3怎么写
    大前端线上培训班

    相关文章推荐

    • css important 是什么• css网格布局(grid)的常用属性介绍• 如何查看DIV被设置什么CSS样式• ie css3.htc不起作用怎么办• html怎么用link引入css

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网