CSS:

/* 左上、右上、右下、左下 */
border-radius:10px 10px 10px 10px;
/* 如果四個角都相同,也可以寫成 */
border-radius:10px;

Firefox:

/* 左上、右上、右下、左下 */
-moz-border-radius:10px 10px 10px 10px;

Chrome、Safari:

/* 左上、右上、右下、左下 */
-webkit-border-radius:10px 10px 10px 10px;

另外如果要讓某個div變成圓形,只要四個角圓角的角度大於等於寬度的一半就可以了

width:50px;
height:50px;
border-radius:25px;
Categories: CSS