用CSS3怎么實現(xiàn)圓角邊框？
用CSS3怎么實現(xiàn)圓角邊框？
拉風(fēng)的咖菲貓
2019-03-05 09:05:46
3 回答
回首憶惘然
TA貢獻(xiàn)1847條經(jīng)驗 獲得超11個贊
#gaga{border:3px solid #f00;border-radius: 5px 6px 7px 8px;}
5px代表的是左上角的弧度；
6px代表的是右上角的弧度；
7px代表的是右下角的弧度；
8px代表的是左下角的弧度；
蠱毒傳說
TA貢獻(xiàn)1895條經(jīng)驗 獲得超3個贊
作用樣式：
border-radius:5px 15px 20px 25px;
支持上、右、下、左
因css3的兼容性
-moz(例如 -moz-border-radius)用于Firefox
-webkit(例如：-webkit-border-radius)用于Safari和Chrome。
實例圓角邊框：
<div id="round"></div>#round { padding:10px; width:300px; height:50px; border: 5px solid #dedede; -moz-border-radius: 15px; /* Gecko browsers */ -webkit-border-radius: 15px; /* Webkit browsers */ border-radius:15px; /* W3C syntax */}
- 3 回答
- 0 關(guān)注
- 393 瀏覽
添加回答
舉報
0/150
提交
取消