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;
}
.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;}
div{padding:5px 10px;}
padding-top、padding-right、padding-bottom、padding-left 简写为padding