在 CSS 中,要繪制豎線可以使用偽元素和 border 屬性。
首先,使用偽元素 before,然后設置其寬度和高度,以及背景顏色和位置即可畫豎線。
.vertical-line { position: relative; width: 300px; height: 100px; } .vertical-line::before { content: ""; position: absolute; left: 50%; top: 0; width: 1px; height: 100%; margin-left: -1px; background-color: black; }
上面的 CSS 代碼中,設置了一個容器 .vertical-line,然后使用偽元素 before 繪制豎線。
其次,可以利用 border 屬性來實現繪制豎線。將元素的寬度設為0,然后設置 border 的寬度和顏色即可。
.vertical-line { width: 0; height: 100px; border-left: 1px solid black; }
以上兩種方法都可以實現繪制豎線的效果,可以根據需要選擇使用其中一種即可。