零基础学做网站培训介绍

当前位置:

CSS控制DIV外边距 内边距

以下为学做网站论坛关于“CSS控制DIV外边距 内边距”讲解视频教程。

欢迎大家学习学做网站论坛的CSS视频教程,这节课程我们讲一下CSS控制DIV外边距 内边距

做网站时,可以通过CSS来设置一个DIV与其它DIV之间的边距,也可以设置内边距来控制一个DIV里面的内容与DIV边框之间的距离.

外边距,意思是标签(如div)距离其父节点上下左右的距离,属性名为margin。代码如下:

<div><a href="#">链接</a></div>
.div1 {
margin-top:10px,margin-right:8px,margin-bottom:2px,margin-left:1px,
// 上面四行可以简写为:margin:10px 8px 2px 1px;
}

内边距,意思就是标签(如div)让其子标签距离其四周的距离,也就是压缩其内部空间,属性名为padding。代码如下:

<div>这是一个DIV框</div>
div{padding:5px 10px;}

padding-top、padding-right、padding-bottom、padding-left 简写为padding

发表评论

电子邮件地址不会被公开。 必填项已用*标注