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: 上 右 下 左

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

 

posted on 2022-07-17 10:29  香香鲲  阅读(200)  评论(0编辑  收藏  举报