虛線(dashed)是CSS中常用的一種線型。它的語法如下:
border-style: dashed;
上面這行代碼會將邊框樣式設置為虛線。如果你想要調整虛線的長度和間隔,可以使用以下語法:
border-style: dashed; border-width: 2px; border-color: #000; border-image: none; border-image-slice: 0; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch;
上面這段代碼中,border-width屬性決定了虛線的寬度,而border-image-*屬性可以讓你更精細地控制虛線的形態。 除了邊框樣式,虛線還可以用來繪制其他圖形,比如下面這個正方形:
.squ { width: 100px; height: 100px; border: 2px dashed #000; }
上面這段代碼中,我們將一個div元素的邊框樣式設置為虛線,并讓它的寬度和高度都為100px,從而得到了一個虛線正方形。
總之,虛線是CSS中一種簡單而實用的線型,它可以用于繪制邊框、圖形以及其他需要使用線型的情況。