在HTML中,我們可以使用CSS來設(shè)置div為圓角。首先,我們需要在CSS中定義一個(gè)圓角的類,如下所示:
.rounded-corners { border-radius: 10px; }在這個(gè)類中,我們使用border-radius屬性來設(shè)置圓角的大小。這里我們設(shè)置為10像素。 然后,在我們的HTML代碼中,我們可以使用這個(gè)類來將一個(gè)div元素變?yōu)閳A角,如下所示:
在這個(gè)例子中,我們給div元素添加了一個(gè)類名rounded-corners,并在CSS中給這個(gè)類定義了圓角屬性。這樣,我們的div元素就會(huì)變成一個(gè)有圓角的矩形。 通過上述方法,就可以輕松地設(shè)置一個(gè)div元素為圓角了。下面是一個(gè)圓角的div:
這是一個(gè)圓角的div