CSS下邊框是網頁設計中常用的一種樣式，它可以使網頁板塊之間的分割更明顯，提升網頁的可讀性。那么，CSS下邊框怎么寫呢？下面就給大家介紹一下常用的幾種寫法。

/* 1. 使用 border-bottom 屬性 */
/* 單獨設置下邊框樣式 */
border-bottom: 1px solid #000;
/* 快捷設置所有邊框樣式，下邊框為實線黑色 */
border: 1px solid #000;
/* 2. 使用 border 屬性和偽類 ::after */
/* 在元素末尾添加下邊框 */
.content {
border-bottom: none;
}
.content::after {
content: "";
display: block;
height: 1px;
border-bottom: 1px solid #000;
}
/* 3. 使用 background-image 屬性 */
/* 使用漸變背景實現下邊框效果 */
.content {
background-image: linear-gradient(to bottom, #000 0%, #000 100%);
background-repeat: no-repeat;
background-size: 100% 1px;
background-position: bottom;
}

以上就是幾種常用的CSS下邊框寫法，大家可以根據實際需求選擇合適的方式。當然，除了上述方法，還有很多其他創意的寫法可以實現下邊框效果，大家可以自行研究。