设置div的外边距为上20px,居中,下10px的代码。

body{width: 100%; text-align: center;}/*把body的文本设置为居中对齐*/ div{width: 100px; height: 40px; border: 1px solid red; display: inline-block;}/*将三个div都设置为行内块元素,这样div就既保留了块的样式,又能体现为文本的在一行中显示的样式*/ box2{margin: 0px 10px;...
设置div的外边距为上20px,居中,下10px的代码。
样式:
<style type="text/css">
body{width: 100%; text-align: center;}/*把body的文本设置为居中对齐*/
div{width: 100px; height: 40px; border: 1px solid red; display: inline-block;}/*将三个div都设置为行内块元素,这样div就既保留了块的样式,又能体现为文本的在一行中显示的样式*/
#box2{margin: 0px 10px;}/*将中间那个div的两边边距都设置为10px,就达到了中间间隔为10px的效果*/
</style>

代码:
<body>
<div id="box1">我是第一个div</div>
<div id="box2">我是第二个div</div>
<div id="box3">我是第三个div</div>
</body>2016-05-25
上外边距是margin-top:20px;下外边距是margin-bottom:10px;居中需要在父标签设置text-align:center;或者直接放在<center></center>内2016-05-25
mengvlog 阅读 5 次 更新于 2025-07-19 18:18:01 我来答关注问题0
  • div{width: 100px; height: 40px; border: 1px solid red; display: inline-block;}/*将三个div都设置为行内块元素,这样div就既保留了块的样式,又能体现为文本的在一行中显示的样式*/ box2{margin: 0px 10px;}/*将中间那个div的两边边距都设置为10px,就达到了中间间隔为10px的效果*/ ...

  •  阿暄生活 div相对位置如何设置?

    margin 属性可以用来设置 div 元素的外边距,从而调整其在页面中的相对位置。例如,margin: 20px 30px 40px 50px; 这行代码表示将 div 元素的顶部外边距设置为 20px,右侧外边距设置为 30px,底部外边距设置为 40px,左侧外边距设置为 50px。也可以分别使用 margintop、marginright、marginbottom 和...

  •  阿暄生活 怎么样让div上下自动对齐排列?

    方法一:设置相同的外边距说明:给两个 div 元素设置相同的外边距,可以使它们在垂直方向上保持对齐。示例CSS:css.div1, .div2 { margintop: 20px; /* 上外边距 */ marginbottom: 20px; /* 下外边距,根据需要调整 */} HTML:html内容1

  •  信必鑫服务平台 DW div里面的文字调整位置

    1、我们先新建一个div标签,设置宽高均为400px,并设置左、上边距均为0。2、为明显显示,将div背景颜色设置为蓝色,在将div标签内添加文字。3、在CSS规则定义分类选项中选择【方框】,然后找到Padding和Margin,分别设置方框的内边距和外边距。4、我们先设置Margin的top和left分别为20px,即设置外上边...

  •  海南加宸 请问两个div之间的上下距离怎么设置

    楼上提到的方法是将两个div的上下边距分别设置为10像素,这样一来,两个div之间的距离就会是20像素。另一种方式是仅设置上边div的下边距或下边div的上边距,这也是一种简便的方法。此外,还可以通过设置padding(内边距)来实现。具体设置为padding-top:10px; padding-bottom:10px; 这样可以将上边距和...

檬味博客在线解答立即免费咨询

CSS相关话题

Copyright © 2023 WWW.MENGVLOG.COM - 檬味博客
返回顶部