創(chuàng)建豎直線(xiàn)在CSS中非常簡(jiǎn)單,只需要使用border-left或border-right屬性,或者利用偽元素::before或::after,以下是幾種實(shí)現(xiàn)方式:
1、使用border-left屬性:
div { border-left: 5px solid #000; height: 200px; }
2、使用border-right屬性:
div { border-right: 5px solid #000; height: 200px; }
3、使用偽元素::before:
div::before { content: ""; position: absolute; top: 0; left: 0; width: 5px; height: 200px; background-color: #000; }
4、使用偽元素::after:
div::after { content: ""; position: absolute; top: 0; right: 0; width: 5px; height: 200px; background-color: #000; }
四種方式都可以創(chuàng)建豎直線(xiàn),你可以根據(jù)自己的需求選擇***合適的方式,如果你需要更詳細(xì)的信息,歡迎隨時(shí)向我提問(wèn)。