如何用CSS為圖片添加邊框

在CSS中，我們可以使用border屬性為圖片添加邊框，這個(gè)屬性允許你設(shè)置邊框的樣式、寬度和顏色，下面是一個(gè)基本的例子：

img {
    border: 1px solid #000;
}

在這個(gè)例子中，我們選擇了所有的img元素，并為其添加了一個(gè)1像素寬、樣式為實(shí)線、顏色為黑色的邊框，你可以根據(jù)自己的需要調(diào)整這些值。

如果你想要更***地控制邊框的樣式，可以使用border-style、border-width和border-color這三個(gè)子屬性。

img {
    border-style: dashed;
    border-width: 2px;
    border-color: #f00;
}

在這個(gè)例子中，我們選擇了所有的img元素，并為其添加了一個(gè)2像素寬、樣式為虛線、顏色為紅色的邊框。

除了使用CSS的border屬性，你還可以使用outline屬性為圖片添加輪廓邊框，這個(gè)屬性與border類似，但它不會(huì)占用額外的空間，而是緊貼著圖片的邊緣，下面是一個(gè)例子：

img {
    outline: 3px solid #000;
}

在這個(gè)例子中，我們選擇了所有的img元素，并為其添加了一個(gè)3像素寬、樣式為實(shí)線、顏色為黑色的輪廓邊框。

無(wú)論你選擇使用border還是outline屬性，都可以輕松地用CSS為圖片添加邊框，你只需要根據(jù)自己的需求選擇適合的樣式、寬度和顏色即可。