文字樣式
阿新 • • 發佈：2018-09-08
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; }
文字樣式