/*1.設定乙個值：四個角的圓角值都一樣*/
/*border-radius: 10px;*/
/*2.設定兩個值:第乙個值控制左上/右下，第二個值控制右上/左下*/
/*border-radius: 10px 30px;*/
/*3.設定三個值：第乙個值控制左上，第二值控制右上/左下，第三個值控制右下*/
/*border-radius: 10px 40px 60px;*/
/*4.設定四個值：左上 右上 右下 左下*/
/*border-radius: 10px 30px 60px 100px;*/
橢圓（與矩形邊相切）
/*新增/是用來設定當前個不同方向的半徑值 水平x方向/垂直y方向*/
/*border-radius: 100px/50px;*/
/*新增某個角點的圓角*/
/*border-radius: 0px 50px 0px 0px;*/
/*border-上下-左右-radius:*/
/*border-top-right-radius: 100px;
border-top-left-radius: 100px;*/
/*border-bottom-left-radius: 100px;
border-bottom-right-radius: 100px;*/
/*設定某個角點的兩個方向上的不同圓角*/
/*border-top-right-radius: 100px 50px;
border-bottom-left-radius: 80px 40px;
border-bottom-right-radius: 60px 30px;
border-top-left-radius: 40px 20px;*/
/*如果想設定四個角點的不同方向上的不同圓角值*/
/*分別是水平方向的：左上，右上，右下，左下 / 垂直方向的：左上，右上，右下，左下*/
border-radius: 100px 0px 0px 0px/20px 0px 0px 0px;
CSS3圓角詳解
全屏閱讀 收藏 一 css3圓角的優點 減少維護的工作量。檔案的生成 更新 編寫網頁 這些工作都不再需要了。提高網頁效能。由於不必再發出多餘的http請求，網頁的載入速度將變快。二 border radius屬性 css3圓角只需設定乙個屬性 border radius 含義是 邊框半徑 你為這個屬...
CSS3圓角詳解
css3圓角詳解 日期 2010年12月 9日 css3是樣式表 style sheet 語言的最新版本，它的一大優點就是支援圓角。css3圓角詳解 譯者 阮一峰 原文 發表日期 2010年12月8日 一 css3圓角的優點 減少維護的工作量。檔案的生成 更新 編寫網頁 這些工作都不再需要了。提高網...
關於CSS3圓角
一 css3圓角的優點 減少維護的工作量。檔案的生成 更新 編寫網頁 這些工作都不再需要了。提高網頁效能。由於不必再發出多餘的http請求，網頁的載入速度將變快。二 border radius屬性 css3圓角只需設定乙個屬性 border radius 含義是 邊框半徑 你為這個屬性提供乙個值，就...