色婷婷狠狠18禁久久YY,CHINESE性内射高清国产,国产女人18毛片水真多1,国产AV在线观看

折角的寫法 css

夏志豪2年前8瀏覽0評論

CSS中使用折角(border-radius)可以為元素添加圓角效果,讓頁面變得更加美觀。下面介紹一些關于折角的寫法。

border-radius:value;

這是最基本的折角寫法,其中value為長度值或百分比。當value為一個值時,四個角的弧度大小是相等的,當value為兩個值時,第一個值用于左上角和右下角,第二個值用于右上角和左下角,當value為三個值時,第一個值用于左上角,第二個值用于右上角和左下角,第三個值用于右下角。

border-top-left-radius:value;
border-top-right-radius:value;
border-bottom-left-radius:value;
border-bottom-right-radius:value;

這種寫法可以分別為四個角進行設置,精確控制每個角的弧度大小。同樣可以使用長度值或百分比。

border-radius:value/value;

這種寫法是為了快捷設置橢圓形圓角而出現的。第一個value表示水平方向的半徑,第二個value表示垂直方向的半徑,如果兩個值相等就是圓形,否則為橢圓形。也可以只設置一個value,這樣水平和垂直方向的半徑相等。

border-radius:valuevaluevaluevalue/valuevaluevaluevalue;

這是最復雜的折角寫法,可以為每個角指定不同的半徑大小,值的順序是從左上角開始順時針依次指定。使用上述的四個屬性可以達到同樣的效果,但是這種寫法可以讓代碼更加簡潔。