在CSS中，經常聽到“after偽元素”，它是CSS中的一個偽元素，用于在已有元素的內容后面插入某些內容。而其中的一種常見效果就是用after偽元素添加一條橫線。

.content:after {
content: "";
display: block;
width: 100%;
height: 1px;
background-color: #333;
}

代碼中，我們使用了content屬性來插入內容，然后將這個內容以塊狀元素的形式展示出來。接著設置了寬度和高度，這里的寬度使用了百分比，這是因為如果直接使用固定寬度，在不同分辨率下效果可能不同；而高度為1px，表示橫線的粗細程度。最后，我們設置了一個背景顏色，來讓這條線看起來更加醒目。

當然，除了上面的代碼，還可以通過其他方式實現添加橫線的效果。例如，可以使用border-bottom屬性來添加下邊框，或者使用線性漸變的方式來實現。

.content {
background-image: linear-gradient(to right, #333, #333);
background-size: 100% 1px;
background-repeat: no-repeat;
background-position: bottom;
}

上述代碼中，我們使用了linear-gradient屬性來創建一個顏色漸變，從左到右依次為#333和#333，這樣就能夠得到一條顏色為#333的橫線。接著，我們設置了背景的大小和位置，讓這條橫線只展示在元素的底部位置。

不管是哪種方式，都能夠實現添加一條橫線的效果。特別是在設計網站時，經常會用到這種簡潔明了的元素，能夠更好地提高頁面的視覺效果。