百分百源码网-让建站变得如此简单! 登录 注册 签到领金币!

主页 | 如何升级VIP | TAG标签

当前位置: 主页>网站教程>CSS教程> 图片之间的隔断css怎么设定
分享文章到:

图片之间的隔断css怎么设定

发布时间:01/01 来源:未知 浏览: 关键词:

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如何设定的具体内容,更多请关注百分百源码网其它相关文章!

打赏

打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,你说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

百分百源码网 建议打赏1~10元,土豪随意,感谢您的阅读!

共有155人阅读,期待你的评论!发表评论
昵称: 网址: 验证码: 点击我更换图片
最新评论

本文标签

广告赞助

能出一分力是一分吧!

订阅获得更多模板

本文标签

广告赞助

订阅获得更多模板