中文字幕av专区_日韩电影在线播放_精品国产精品久久一区免费式_av在线免费观看网站

溫馨提示×

css3的border-radius屬性怎么使用

小億
110
2023-07-06 15:11:28
欄目: 編程語言

CSS3的border-radius屬性用于設置元素的邊框圓角。

語法:

border-radius: value;

其中value可以是一個具體的長度值,也可以是一個百分比值。

示例:

  1. 設置所有四個角的圓角為10像素:

border-radius: 10px;

  1. 設置左上角和右下角的圓角為10像素,右上角和左下角的圓角為20像素:

border-radius: 10px 20px;

  1. 設置左上角的圓角為10像素,右上角和左下角的圓角為20像素,右下角的圓角為30像素:

border-radius: 10px 20px 30px;

  1. 設置左上角的圓角為10像素,右上角的圓角為20像素,右下角的圓角為30像素,左下角的圓角為40像素:

border-radius: 10px 20px 30px 40px;

注意:

  • 如果只設置一個值,則四個角的圓角都相等。

  • 如果設置兩個值,則第一個值為左上角和右下角的圓角,第二個值為右上角和左下角的圓角。

  • 如果設置三個值,則第一個值為左上角的圓角,第二個值為右上角和左下角的圓角,第三個值為右下角的圓角。

  • 如果設置四個值,則分別為左上角、右上角、右下角和左下角的圓角。

0
阿荣旗| 游戏| 鄂州市| 桐梓县| 新竹市| 民乐县| 抚顺县| 清水县| 讷河市| 潮安县| 洪泽县| 临沧市| 沁源县| 长汀县| 泌阳县| 祁连县| 武安市| 饶河县| 舒兰市| 龙江县| 历史| 花莲县| 大港区| 娄底市| 辰溪县| 太湖县| 克东县| 城步| 凤山县| 佳木斯市| 顺平县| 吴忠市| 崇左市| 临江市| 若尔盖县| 泸定县| 汾西县| 崇信县| 磴口县| 周口市| 措美县|