CSS中我們經常用到橫線，但是如果想要給橫線加上橢圓，該怎么做呢？下面我們就來學習一下如何使用CSS給橫線加上橢圓。

hr {
border:none;
border-top:3px solid #999;
border-radius: 10px;
height:20px;
width:60%;
margin:auto;
}

在上述代碼中，我們使用了CSS中的border屬性來定義橫線，但是我們把它設置成了無。然后我們使用border-top來定義橫線的上邊框樣式、寬度和顏色，這里我們設置為3像素，顏色為#999。接著，我們使用border-radius屬性來設置橫線上邊框的圓角半徑，這里我們設置為10像素，這樣橫線的兩端就變成了橢圓。最后，我們還設置了橫線的高度為20像素，寬度為60%（根據實際需要設置），并居中顯示。

除了上述代碼，還有其他的方法實現橫線加橢圓，例如在橫線下方加上一個橢圓形狀的背景圖，但是這種方法需要制作一張橢圓形狀的圖片，不如使用CSS的方法方便簡單。