CSS是網(wǎng)頁制作中必不可少的一部分，它能夠使網(wǎng)頁更加美觀、實(shí)用。設(shè)置左上角圓角是CSS中常用的一個功能，下面就讓我們來了解一下吧。

/*設(shè)置border-radius*/
div{
border-radius:10px 0 0 0;
}

上面的代碼中，我們使用了border-radius屬性，它能夠?qū)⒁粋€元素的角變?yōu)閳A角。其中，10px代表左上角的圓角大小，而后面的0表示右上角、右下角和左下角都不設(shè)置圓角。

如果我們想讓四個角都變?yōu)閳A角，可以這樣寫：

/*四個角都設(shè)置圓角*/
div{
border-radius:10px;
}

我們也可以只對某一個角進(jìn)行設(shè)置：

/*設(shè)置左上角圓角*/
div{
border-top-left-radius:10px;
}

最后，需要注意的是，多數(shù)瀏覽器都支持border-radius屬性，但是低版本的IE瀏覽器不支持，因此我們需要相應(yīng)地進(jìn)行兼容性處理。