其他分享
首页 > 其他分享> > CSS:边框border

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属性用于设置外边距。设置外边距会在元素之间创建“空白”,这段空白通常不能放置其他内容。

margin-top: 上外边距

margin-right: 右外边距

margin-bottom: 下外边距

margin-left: 左外边距

margin: 上 右 下 左

注意:行内元素可以设置水平方向的内外边距,但不能设置垂直方向的内外边距。

 

标签:right,bottom,top,边框,padding,border,CSS,left
来源: https://www.cnblogs.com/LIXI-/p/16486047.html