PHP全栈开发:CSS Ⅷ border margin padding

Posted 秋天的蒙奇奇

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了PHP全栈开发:CSS Ⅷ border margin padding相关的知识,希望对你有一定的参考价值。

在CSS里面,所有的html元素都可以看成是一个盒子。

那么在设计和布局的时候,最常用的,也就是用来定义这个盒子的外边距的就是margin

定义这个盒子的内边距的就是padding

元素的内容所占的宽度是由width属性来设置的,那么元素在HTML页面所占的总的宽度是多少呢。

是width + padding-left + padding-right + border-left-width + border-right-width 这才是元素占整个HTML页面的总宽度。

对于边框,我们可以使用border-style来设置边框的样式

通过border-width来设置边框的宽度。

通过border-color来设置边框的颜色。

通过margin属性来设置元素的外边距。

可以对上下左右分别进行设置,使用下面的语法:

margin-top 上边距; margin-bottom:下边距 margin-left:左边距;margin-right:右边距。

填充的使用方法与margin的使用方法是类似的。

 

以上是关于PHP全栈开发:CSS Ⅷ border margin padding的主要内容,如果未能解决你的问题,请参考以下文章

PHP全栈开发:CSS Ⅰ 选择器

PHP全栈开发:CSS Ⅹ 导航栏制作

PHP全栈开发:CSS Ⅵ 列表 style

PHP全栈开发:CSS Ⅲ background

PHP全栈开发:CSS Ⅳ 文本格式属性(text)

转图解CSS paddingmarginborder属性