CSS中,線可以通過(guò)border-style屬性來(lái)設(shè)置,包括實(shí)線、虛線和點(diǎn)線等。在其中,虛線是最常見(jiàn)的線型之一,為了使用CSS設(shè)置虛線,我們需要使用border-style屬性和border-width屬性。比如:
p { border-style: dashed; border-width: 2px; }
在這個(gè)例子中,我們?cè)O(shè)置了虛線作為線型,線寬為2像素。你也可以通過(guò)改變border-style屬性的值來(lái)設(shè)定其他的線型。以下是常見(jiàn)的線型:
p { border-style: solid; /*實(shí)線*/ border-style: dashed; /*虛線*/ border-style: dotted; /*點(diǎn)線*/ border-style: double; /*雙線*/ }
如果你想要改變虛線的間隔,可以使用border-style屬性的第三個(gè)值,它用于改變虛線的間隔。比如:
p { border-style: dashed; border-width: 2px; border-style: 10px 5px; /*10像素的虛線,5像素的空隙*/ }
在這個(gè)例子中,我們?cè)O(shè)置了虛線和空隙的大小分別為10像素和5像素。你可以通過(guò)更改這兩個(gè)值來(lái)改變虛線的間隔大小。