CSS:边框border
双实线:double
单实线:solid
点线:dotted
虚线:dashed
边框:
上边框总体设置:
border-top-width:
border-top-color:
border-top-style:
右边框:
border-right-width:
border-right-color:
border-right-style:
左边框:
border-left-width:
border-left-color:
border-left-style:
下边框:
border-bottom-width:
border-bottom-color:
border-bottom-style:
宽度综合:
boder-width:
取值:上 右 下 左
样式综合:
boder-style:
取值:上 右 下 左
颜色综合:
border-color
取值:上 右 下 左
边框圆角:
border-radius:
固定值;百分比(50%=宽、高50%;)
右上角:
border-top-right-radius:
左上角
border-top-left-radius:
左下角:
border-bottom-left-radius:
右下角:
border-bottom-right-radius:
*如果某个角没有取值,则到对角取值
内边距(padding)
padding属性用于设置内边距。是指边框与内容之间的距离。
padding-top: 上内边距
padding-right: 右内边距
padding-bottom: 下内边距
padding-left: 左内边距
padding: 上右下左内边距
外边距(margin)
margin-top: 上外边距
margin-right: 右外边距
margin-bottom: 下外边距
margin-left: 左外边距
margin: 上 右 下 左
注意:行内元素可以设置水平方向的内外边距,但不能设置垂直方向的内外边距。