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的主要内容,如果未能解决你的问题,请参考以下文章