在CSS中,可以使用div
元素的border
屬性來添加線條。border
屬性可以設(shè)置一個(gè)元素的邊框,包括邊框的寬度、樣式和顏色,要在一個(gè)div
元素中添加一條寬度為2像素、樣式為實(shí)線、顏色為黑色的線條,可以編寫如下CSS代碼:
div { border: 2px solid black; }
這將在div
元素的四周添加一條寬度為2像素、樣式為實(shí)線、顏色為黑色的線條,如果只想在div
元素的頂部添加一條水平線條,可以使用border-top
屬性:
div { border-top: 2px solid black; }
這將在div
元素的頂部添加一條寬度為2像素、樣式為實(shí)線、顏色為黑色的水平線條,同樣,可以使用border-right
、border-bottom
和border-left
屬性分別在元素的右側(cè)、底部和左側(cè)添加線條。
除了使用border
屬性,還可以使用CSS的outline
屬性來添加線條。outline
屬性用于設(shè)置元素的外輪廓線,包括輪廓線的寬度、樣式和顏色,要在一個(gè)div
元素中添加一條寬度為2像素、樣式為實(shí)線、顏色為藍(lán)色的輪廓線,可以編寫如下CSS代碼:
div { outline: 2px solid blue; }
這將在div
元素的外圍添加一條寬度為2像素、樣式為實(shí)線、顏色為藍(lán)色的輪廓線,與border
屬性類似,可以使用outline-top
、outline-right
、outline-bottom
和outline-left
屬性分別在元素的頂部、右側(cè)、底部和左側(cè)添加輪廓線。