使用邊框實現虛線
通過設置元素的邊框樣式來實現虛線效果。以下為示例代碼:
.dashed {border: 1px dashed black;
}
使用 CSS 偽元素實現虛線
使用偽元素來模擬虛線的效果。以下為示例代碼:
.dashed::before {content: "";display: block;height: 1px;border-bottom: 1px dashed black;
}
使用 SVG 實現虛線
SVG 可以用來繪制任何形狀,包括虛線。以下為示例代碼:
.dashed {background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'%3E%3Cline x1='0' y1='50' x2='100' y2='50' stroke='%23000' stroke-wid