CSS背景圖設置成圓形
CSS是一種用于網頁樣式設計的語言，它可以用來控制文本、圖像和其他網頁元素的布局和外觀。其中的一種常見應用是在網頁中設置背景圖片。如果您希望這個背景圖片呈現出圓形的形態，那么可以使用CSS的border-radius屬性。
border-radius屬性可以用來設置元素的圓角大小。如果我們將它應用于一個具有背景圖的元素上，就會使得背景圖以圓形的形式呈現。
以下是一個基本的示例代碼：

.p1 {
width: 200px;
height: 200px;
background: url("bg.jpg") no-repeat center center;
background-size: cover;
border-radius: 50%;
}

在上述代碼中，我們首先為元素設置了寬度和高度，然后指定了一張圖片作為背景，并將它放置于元素的中心。background-size屬性設置背景圖縮放方式為cover，確保背景圖覆蓋整個元素。
最后，border-radius屬性被設置為50%。由于元素的寬和高相等，通過將這個屬性設置為50%，就可以將元素的四個邊角變成圓形，從而呈現出一個圓形的背景圖。
如果您想讓元素呈現出橢圓形的背景圖，只需要將border-radius屬性的兩個值設置為不同的百分數即可。
總之，通過使用CSS的border-radius屬性，我們可以輕松地設置背景圖呈現為圓形、橢圓形等形態，從而更好地為網頁視覺效果增色。