首页 话题 小组 问答 好文 用户 我的社区 域名交易 唠叨

[分享]CSS两张图片上下间距

发布于 2024-11-11 19:12:56
0
14

CSS中通过margin属性可以设置两张图片的上下间距。

/* 以图片为例,设置上下间距为10像素 */
img {
  margin-top: 10px;
  margin-bottom: 10px;
} 

上述代码中,我们首先选择所有的img元素,然后分别设置它们的margin-top和margin-bottom属性为10px。这样就可以在每张图片的上下方留出10像素的空白。

值得注意的是,我们还可以使用简写属性来同时设置上下、左右间距:

/* 同时设置上下左右间距为10像素 */
img {
  margin: 10px;
} 

以上代码中,我们把margin属性设置为10px,这意味着同时设置了图片的上下和左右间距。这样可以简化代码,使得它更加易读。

评论
一个月内的热帖推荐
91云脑
Lv.1普通用户

62849

帖子

14

小组

291

积分

赞助商广告
站长交流