边距(外边距)
margin分为上下左右四个方向。
设置元素边距时,可以单独设置某个方向。也可以使用复合属性。
属性 | 含义 |
---|---|
margin-top | 设置上边距 |
margin-right | 设置右边距 |
margin-bottom | 设置下边距 |
margin-left | 设置左边距 |
margin | 复合属性,顺序为上右下左 |
填充(内边距)
元素的填充也成为内边距,它是指元素内容与边框之间的距离
属性与外边距相似
边框
边框是网页元素经常使用的样式效果
属性 | 说明 |
---|---|
border-style | 设置边框的样式 none 无边框 solid 实线 dashed虚线 |
border-width | 边框的宽度(厚度) |
border-color | 边框的颜色 |
border | 复合属性,三个值分别设置宽度、样式、颜色 |
border-radius | 设置边框四个角的弧度 四个值:上、右、下、左 两个值:左上右下、左下右上 一个值:上右下左 |