CSS是Web開發中必不可少的一部分，可以通過它來美化網頁的各個元素，其中也包括文字的排版。今天我們要說的是在文字下面加一條橫桿，增強視覺效果。接下來我們將通過CSS實現這一效果。

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

以上代碼中，我們首先給要添加橫桿的文字添加了一個父級元素，并通過相對定位來使之內部元素可以絕對定位。接下來，我們使用CSS中的::after偽元素來創建一個content為""的元素并將其絕對定位，即使之出現在文字下方，在這里我們默認橫桿的顏色為黑色。

如果您希望定制您自己的橫桿顏色，背景色以及橫桿樣式等，您只需要在相應的CSS樣式中修改width（寬度）、height（高度）、background-color（背景色）、border（邊框樣式）等即可，這里不再贅述。

通過以上方法，我們可以實現為文字添加橫桿的效果，讓文字看起來更加有力量、更加突出。也歡迎您嘗試不同的樣式，讓頁面效果更加豐富多彩。