虛線(dashed)是 CSS 樣式表中的一種邊框類型。它以一系列短劃線組成的虛線來定義元素的邊框。CSS 中的虛線也可以用來設置文本裝飾線,例如用于鏈接下劃線。虛線屬性一般使用 CSS 中的 border 或 text-decoration 屬性來設置。
/* 使用 border 屬性設置元素虛線邊框 */ border: 1px dashed #999; /* 使用 text-decoration 屬性設置文本虛線裝飾線 */ text-decoration: underline dashed #999;
虛線的寬度(line width),顏色(color)和距離(gap)可以使用 CSS 屬性來控制。例如,下面的 CSS 代碼設置了一個紅色、寬度為 2 像素、虛線之間距離為 3 像素的水平虛線邊框:
div { border: 2px dashed red; border-top-width: 0; border-bottom-width: 0; margin: 30px 0; height: 10px; }
上面的例子中,border-top-width 和 border-bottom-width 被設置為 0,是為了只顯示水平方向的虛線(在此情況下,元素 div 的高度也被設置為 10px,以匹配虛線的高度)。
虛線的一個優(yōu)點是它可以用來表明元素之間的分隔線,例如分割表單中的不同部分或菜單中的選項。
上一篇css虛線框怎么關閉