文字样式

div {

 

       border-style: solid;
       border-width: 2px;
       border-color: red;

       
border-width

长度值

设置边框的宽度,可选

1

border-style

样式名称

设置边框的样式,必选

1

border-color

颜色值

设置边框的颜色,可选

1


   

none

没有边框

dashed

破折线边框

dotted

圆点线边框

double

双线边框

groove

槽线边框

inset

使元素内容具有内嵌效果的边框

outset

使元素内容具有外凸效果的边框

ridge

脊线边框

solid

实线边框


圆角边框 

 

       
border-radius

长度值或百分数

四条边角

3

border-top-left-radius

长度值或百分数

左上边角

3

border-top-right-radius

长度值或百分数

右上边角

3

border-bottom-left-radius

 

border-bottom-right-radius

 

//设置圆角矩形 div {

    border: 10px solid red;
    border-radius: 10px;
}

//四条边分别设置 div {

    border: 10px solid red;

border-radius: 10px 20px 30px 40px; } 

 
 
 
 
 
posted @ 2018-09-08 21:18  木丁  阅读(132)  评论(0编辑  收藏  举报