CSS中的點線樣式可以通過border-style屬性進行設置,以下是常用的點線樣式代碼:
/* 點線 */ border-style: dotted; /* 雙點線 */ border-style: double; /* 虛線 */ border-style: dashed; /* 點劃線 */ border-style: dotted dashed; /* 雙線 */ border-style: solid double; /* 外輪廓線 */ border-style: outset; /* 內輪廓線 */ border-style: inset;
需要注意的是,如果需要修改點線的粗細,可以通過border-width屬性進行設置;如果需要修改點線的顏色,可以通過border-color屬性進行設置。
/* 點線,寬度為2px,顏色為黑色 */ border: 2px dotted #000; /* 雙點線,寬度為3px,顏色為綠色 */ border: 3px double #00ff00; /* 虛線,寬度為1px,顏色為紅色 */ border: 1px dashed #ff0000; /* 點劃線,寬度為2px,顏色為藍色 */ border: 2px dotted dashed #0000ff; /* 雙線,寬度為4px,顏色為黃色 */ border: 4px solid double #ffff00; /* 外輪廓線,寬度為2px,顏色為粉色 */ border: 2px outset #ff69b4; /* 內輪廓線,寬度為3px,顏色為紫色 */ border: 3px inset #800080;