1. 程式人生 > >文字樣式

文字樣式

cti radius das 折線 groov area 文字樣式 圓角 table

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; }

文字樣式