CSS設置圖片為圓角

隨著網站開發的不斷發展，越來越多的網站開始使用圖片來展示產品或內容。然而，有時候我們需要將圖片設置為圓角，以便更好地呈現產品或內容。在 CSS 中，我們可以通過設置圖片的 `border-radius` 屬性來將圖片設置為圓角。

width: 100px;

height: 100px;

border-radius: 50%;

background-color: #ff0000;

在上面的代碼中，`border-radius` 屬性設置為 50%，這意味著圖片的四周都將包含圓角。`background-color` 屬性設置為白色，以使背景為白色。

下面是一個使用 CSS 設置表格和表單圖片為圓角的例子：

table, td {

border-radius: 50%;

box-shadow: 0px 0px 10px #ff0000;

th, td {

border: 1px solid #ff0000;

box-shadow: 0px 0px 5px #ff0000;

在上面的代碼中，`border-radius` 屬性設置為 50%,`box-shadow` 屬性設置為 0px 0px 10px #ff0000 和 0px 0px 5px #ff0000，以創建兩個圓角。

通過使用 CSS 的 `border-radius` 屬性，我們可以輕松地將圖片設置為圓角，從而使網頁更加美觀和易于閱讀。