CSS插入圖片并添加邊框的方法

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

HTML結(jié)構(gòu)：

<img class="my-image" src="path-to-your-image.jpg" alt="My Image">

CSS樣式：

.my-image {
    border: 1px solid #000; /* 1像素寬，黑色實線邊框 */
}

在這個示例中，我們?yōu)閳D片添加了一個1像素寬的黑色實線邊框，你可以根據(jù)需要調(diào)整邊框的樣式、顏色和寬度，如果你想要一個3像素寬的紅色虛線邊框，你可以這樣寫：

.my-image {
    border: 3px dashed #F00; /* 3像素寬，紅色虛線邊框 */
}

你還可以使用border-radius屬性為圖片添加圓角效果：

.my-image {
    border: 1px solid #000; /* 1像素寬，黑色實線邊框 */
    border-radius: 10px; /* 10像素的圓角效果 */
}

這樣，圖片就會有一個帶有圓角效果的邊框了，希望這些方法能幫助你滿足需求！