CSS3虛線直線

/* 繪制實線 */
div {
border: 1px solid black;
}
/* 繪制虛線 */
div {
border: 1px dashed black;
}
/* 繪制點線 */
div {
border: 1px dotted black;
}
/* 繪制雙實線 */
div {
border: 3px double black;
}
/*
繪制虛線和實線相間的邊框
第一個參數(shù)為虛線的長度，第二個參數(shù)為間距
*/
div {
border: 1px dashed black;
border-style: dashed solid;
border-width: 1px 0;
}
/* 繪制圓角虛線邊框 */
div {
border: 1px dashed black;
border-radius: 5px;
}

CSS3中提供了多種邊框樣式，包括實線、虛線、點線、雙實線等，可以通過border-style屬性設(shè)置。同時還可以通過border-width、border-color屬性來設(shè)置邊框的寬度和顏色。

在實際應(yīng)用中，除了基本的邊框樣式，還可以通過組合不同的樣式，實現(xiàn)更加豐富的邊框效果。例如，可以使用border-style屬性的特殊值dashed和solid，結(jié)合border-width的屬性值，來繪制虛線和實線相間的邊框。也可以通過border-radius屬性繪制圓角邊框，并結(jié)合其他邊框樣式來實現(xiàn)更好的視覺效果。