CSS是一種強(qiáng)大的樣式表語(yǔ)言,可以用來(lái)給HTML元素添加樣式和裝飾,在CSS中,我們可以使用border屬性來(lái)給長(zhǎng)方形添加邊框。
我們需要?jiǎng)?chuàng)建一個(gè)HTML元素,比如一個(gè)div元素,來(lái)作為我們的長(zhǎng)方形,我們可以使用CSS的border屬性來(lái)給它添加邊框。
我們可以這樣寫(xiě)CSS代碼:
div { width: 200px; height: 100px; border: 2px solid #000; }
上面的代碼會(huì)創(chuàng)建一個(gè)寬度為200像素、高度為100像素的長(zhǎng)方形,并給它添加2像素寬的黑色邊框。
我們還可以改變邊框的樣式,比如使用dashed或dotted來(lái)創(chuàng)建虛線邊框:
div { width: 200px; height: 100px; border: 2px dashed #000; }
或者:
div { width: 200px; height: 100px; border: 2px dotted #000; }
這些代碼會(huì)創(chuàng)建帶有虛線或點(diǎn)線邊框的長(zhǎng)方形。
我們還可以給邊框添加圓角,使其看起來(lái)更加美觀:
div { width: 200px; height: 100px; border: 2px solid #000; border-radius: 10px; }
上面的代碼會(huì)在長(zhǎng)方形的四個(gè)角添加10像素的圓角。
CSS的border屬性非常強(qiáng)大,可以讓我們輕松地給HTML元素添加各種樣式的邊框。