在CSS中,線段長短可以使用border屬性來實現。border屬性為元素添加邊框,包括邊框寬度、邊框樣式和邊框顏色。
1. 邊框樣式
border-style屬性用于設置邊框樣式,默認值為none。常用的邊框樣式包括:
solid:實線邊框;
dashed:虛線邊框;
dotted:點線邊框;
double:雙線邊框;
groove:凹槽邊框;
ridge:壟狀邊框;
inset:內嵌邊框;
outset:外嵌邊框。
例如:
p { border-style: dashed; }2. 邊框寬度 border-width屬性用于設置邊框寬度,默認值為medium。可以設置像素、em、百分比等單位。例如:
p { border-width: 2px; }3. 邊框顏色 border-color屬性用于設置邊框顏色,默認值為元素的字體顏色。可以設置顏色名、RGB值、HEX值等。例如:
p { border-color: red; }4. 簡寫屬性 可以使用border屬性同時設置邊框樣式、寬度和顏色。例如:
p { border: 1px solid blue; }以上就是關于CSS線段長短的介紹。通過border屬性的設置,可以實現不同樣式、寬度和顏色的邊框效果,達到美化頁面的目的。