学做网站培训课程介绍

当前位置:

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

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

相关教程

  • 什么是DIV+CSS 附件下载 (1155075 次浏览)
    本节建站课程高清视频下载链接: https://pan.baidu.com/s/1sl6nR8D 密码: urwgdiv+css就是把设计师设计好的图片,转变成一张静态页面的技术。html
  • 在网站布局过程中,运用div+css的布局是特别有利的,通常我们需要对一个div层进行居中处理,那么如何通过css属性对它进行控制呢:下面分享一个建网页
  • 欢迎大家学习学做网站论坛的CSS视频教程,这节课程我们讲一下DIV水平居中显示CSS代码。当我们写了一个DIV后,默认情况下,DIV是左对齐的,如何让一个DI
  • CSS控制DIV外边距 内边距 视频教程 (113198 次浏览)
    欢迎大家学习学做网站论坛的CSS视频教程,这节课程我们讲一下CSS控制DIV外边距 内边距。做网站时,可以通过CSS来设置一个DIV与其它DIV之间的边距,
  • CSS3边距属性用于控制区块的边距的属性。内边距:padding:10px;外边距:margin:10px;margin:20px 10px 20px 0; //上 右 下 左DIV居中marg