在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的使用方法是类似的。
原文地址:https://www.cnblogs.com/sparrow32/p/9464333.html
时间: 2024-10-11 22:16:54