CSS中可以通過border-radius屬性來設置圓角。
/* 設置四個角的半徑均為10px */ border-radius: 10px; /* 分別設置左上角和右下角的半徑為10px */ border-top-left-radius: 10px; border-bottom-right-radius: 10px; /* 向內凸出的圓角效果 */ border-radius: 10px / 20px; /* 圓形 */ border-radius: 50%; /* 圓角矩形 */ border-radius: 10px 20px 30px 40px;
需要注意的是,在設置圓角時最好也同時設置相應的兼容性屬性,以兼容不同瀏覽器。例如:
/* 設置圓角和兼容性屬性 */ -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;
這樣就可以確保在不同瀏覽器上都能夠正確地顯示出圓角效果。