CSS加黑線是指在文本或者元素上方下方添加一條黑色的橫線或豎線，有時(shí)也稱之為邊框線。這種效果在網(wǎng)頁(yè)設(shè)計(jì)中非常常見(jiàn)，可以使頁(yè)面看起來(lái)更加美觀和清晰。

在CSS中實(shí)現(xiàn)加黑線的方法有多種，下面我們介紹其中的兩種。

/*方法一：使用border屬性*/
.border-line {
border-bottom: 1px solid black;
}
/*方法二：使用偽元素:before或:after*/
.pseudo-line::before {
content: "";
display: block;
height: 1px;
background-color: black;
}
/*或者*/
.pseudo-line::after {
content: "";
display: block;
width: 1px;
background-color: black;
}

上述代碼中，方法一使用的是border-bottom屬性，在該屬性中將線條的寬度設(shè)置為1個(gè)像素，顏色設(shè)置為黑色，就可以實(shí)現(xiàn)在該元素下方加一條黑線的效果。

方法二使用的是偽元素:before或:after，并將content屬性設(shè)置為空字符串，因?yàn)檫@個(gè)偽元素不需要額外的內(nèi)容。然后設(shè)置display屬性為block，將這個(gè)偽元素當(dāng)做一個(gè)塊級(jí)元素來(lái)處理，并設(shè)置寬度或高度為1像素（視具體情況而定），最后將背景顏色設(shè)置為黑色，就可以實(shí)現(xiàn)線條的效果。

需要注意的是，這兩種方法都是針對(duì)“塊級(jí)”元素生效的。如果需要針對(duì)“內(nèi)聯(lián)”元素加黑線，可以在該元素外面包圍一個(gè)div等塊級(jí)元素，然后在該塊級(jí)元素上應(yīng)用上述方法即可。