在CSS中,我們可以使用border
屬性為圖片設(shè)置邊框。border
屬性可以接收1到4個(gè)值,這些值分別代表:邊框的寬度、邊框的風(fēng)格、邊框的顏色。
如果我們想要給圖片設(shè)置一個(gè)寬度為2px、風(fēng)格為實(shí)線、顏色為紅色的邊框,我們可以這樣寫:
img { border: 2px solid red; }
在上面的代碼中,img
是選擇器,表示我們要給圖片設(shè)置邊框。border
屬性就是用來(lái)設(shè)置邊框的,它的值分別為:邊框的寬度、邊框的風(fēng)格、邊框的顏色。
除了實(shí)線風(fēng)格外,border-style
屬性還支持其他風(fēng)格,如虛線、點(diǎn)線等,我們可以根據(jù)需要選擇不同的風(fēng)格。
我們還可以使用border-radius
屬性為圖片設(shè)置圓角邊框,如果我們想要給圖片設(shè)置一個(gè)半徑為10px的圓角邊框,我們可以這樣寫:
img { border: 2px solid red; border-radius: 10px; }
在上面的代碼中,border-radius
屬性就是用來(lái)設(shè)置圓角邊框的,它的值為半徑的大小。
通過以上方法,我們可以輕松地給圖片設(shè)置各種樣式的邊框,使圖片更加美觀和突出。