網(wǎng)名中間加橫線是很常見的一種風(fēng)格，它可以讓網(wǎng)名更加獨(dú)特、個(gè)性化。在CSS代碼中，我們可以使用以下方法來實(shí)現(xiàn)這種風(fēng)格：

.user-name {
text-decoration: underline;
}
.user-name span {
display: inline-block;
position: relative;
}
.user-name span::after {
content: "";
width: 100%;
height: 1px;
background-color: #000;
position: absolute;
bottom: 0;
left: 0;
}

以上代碼實(shí)現(xiàn)了網(wǎng)名中文字之間加上橫線的效果。首先，我們給整個(gè)網(wǎng)名添加下劃線，然后對(duì)每個(gè)字加上一個(gè)span標(biāo)簽。在span標(biāo)簽中，我們讓字以inline-block的方式呈現(xiàn)，并設(shè)置其position屬性為relative，以便我們?cè)谄渲薪^對(duì)定位一個(gè)偽元素。

偽元素的內(nèi)容為空，寬度為100%，高度為1px，背景顏色為黑色。我們將其定位在span標(biāo)簽的底部，這樣就實(shí)現(xiàn)了字與字之間的橫線效果。

當(dāng)然，我們也可以通過其他方式來實(shí)現(xiàn)這種效果，比如利用border-bottom屬性，但是使用偽元素可以使我們的代碼更加靈活、可控，同時(shí)也避免了border在一些情況下出現(xiàn)的問題。