HTML5提供了許多簡便的方法來設(shè)置圓的背景，其中最流行的方法是使用CSS3的border-radius屬性。

.circle {
width: 100px;
height: 100px;
border-radius: 50%;
background-color: #f00;
}

上面的CSS代碼將創(chuàng)建一個100x100像素的圓形元素，背景顏色為紅色。

另一種設(shè)置圓形背景的方法是使用CSS3的偽元素：before和after。

.circle {
position: relative;
width: 100px;
height: 100px;
}
.circle:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 50%;
background-color: #f00;
}

上面的代碼將創(chuàng)建一個相同大小的圓形，但是使用了偽元素技術(shù)來實現(xiàn)。通過位置設(shè)置，使得偽元素在主元素內(nèi)覆蓋了全部區(qū)域，實現(xiàn)了圓形效果，背景顏色同樣為紅色。

此外，還有許多其他設(shè)置圓形背景的方法。在使用時需要根據(jù)實際情況選擇最為合適的方法來實現(xiàn)。