CSS分割線,顧名思義,是將網頁分隔開來的一種方式。在網頁設計中,分割線可以起到美化網頁的作用,并且可以使網頁更加易于閱讀。今天我們就來學習如何通過CSS實現一條橫跨整個屏幕的分隔線。
/* CSS代碼 */ hr { border: none; height: 1px; background-color: #ccc; margin: 20px 0; }
以上就是一條簡單的CSS代碼實現了分割線。我們會發現,這條分割線默認是橫跨整個頁面的,但是在這個CSS代碼中,我們可以通過控制`hr`元素的高度來控制分割線的寬度,從而實現所需的效果。
最后,我們需要注意的是,這個CSS代碼將`
`元素的邊框樣式設置為“none”,并且給它添加了一個高度為“1px”的背景色,這樣可以讓分割線看起來更加自然而且美觀。
上一篇css分為哪幾種形式
下一篇css分塊顯示 div