CSS中繪制中間有橫線的數(shù)字可以使用text-decoration屬性來實(shí)現(xiàn)。

例子：.underline{
text-decoration: underline;
}

上述代碼會(huì)將文字的下方繪制一條橫線。但是，這樣會(huì)導(dǎo)致整個(gè)文字的下方都會(huì)有橫線，而不是只有數(shù)字的下方。

因此，可以使用偽元素:before和:after來繪制數(shù)字下方的橫線，以數(shù)字“8”為例：

例子：.underline{
position: relative; /*相對(duì)定位*/
text-decoration: none; /*取消原本的下劃線*/
}
.underline:before{
content: ""; /*空的content屬性，用于生成偽元素*/
position: absolute; /*絕對(duì)定位*/
bottom: 0; /*將橫線繪制在底部*/
left: 0; /*將橫線繪制在數(shù)字左側(cè)*/
width: 100%; /*橫線寬度*/
border-bottom: 1px solid #000; /*橫線樣式*/
}
.underline:after{
content: ""; /*與:before一致*/
position: absolute; /*與:before一致*/
bottom: 0; /*與:before一致*/
right: 0; /*將橫線繪制在數(shù)字右側(cè)*/
width: 100%; /*與:before一致*/
border-bottom: 1px solid #000; /*與:before一致*/
}

上述代碼中，通過使用:before和:after偽元素，讓數(shù)字的下方繪制出兩條橫線，從而達(dá)到了中間有橫線的效果。