border-radius屬性用于設置元素的邊框的圓角。它可以接受一個或四個值,分別對應左上角、右上角、右下角和左下角的圓角半徑。
示例:
/* 設置所有角的圓角半徑為10px */
border-radius: 10px;
/* 設置左上角和右下角的圓角半徑為5px,右上角和左下角的圓角半徑為10px */
border-radius: 5px 10px;
/* 分別設置四個角的圓角半徑 */
border-radius: 5px 10px 15px 20px;
另外,也可以分別設置不同的圓角半徑:
/* 分別設置四個角的圓角半徑 */
border-top-left-radius: 5px;
border-top-right-radius: 10px;
border-bottom-right-radius: 15px;
border-bottom-left-radius: 20px;