<!DOCTYPE html><html> <head> <meta charset=&#34;utf-8&#34;> <title></title> <style>.box_radius{ width: 100px; " />

国产成人精品无码青草_亚洲国产美女精品久久久久∴_欧美人与鲁交大毛片免费_国产果冻豆传媒麻婆精东

15158846557 在線咨詢 在線咨詢
15158846557 在線咨詢
所在位置: 首頁 > 營銷資訊 > 網(wǎng)站運(yùn)營 > 網(wǎng)頁制作中邊框的倒圓角怎么操作?

網(wǎng)頁制作中邊框的倒圓角怎么操作?

時(shí)間:2024-01-13 23:00:01 | 來源:網(wǎng)站運(yùn)營

時(shí)間:2024-01-13 23:00:01 來源:網(wǎng)站運(yùn)營

網(wǎng)頁制作中邊框的倒圓角怎么操作?:border-radius可以實(shí)現(xiàn)圓角,倒圓角還沒試過,可以嘗試以下方法

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style>.box_radius{ width: 100px; height: 100px; background: linear-gradient(135deg, #fff 20px, transparent 0) top left, radial-gradient(circle at 0% 100%, transparent 13px, #1359df 0) top right, linear-gradient(#1359df, #1359df) right bottom, linear-gradient(#1359df, #1359df) right bottom, radial-gradient(circle at 0% 100%, #fff 13px, transparent 0) bottom left #00CAF5; background-size: 50% 50%,15px 15px,5px 20px, 20px 5px,30% 30%; background-repeat: no-repeat; border-radius: 0 15px 0 0;} </style> </head> <body> <div class="box_radius"></div> </body></html>效果圖

各種角的實(shí)現(xiàn)效果展示


關(guān)鍵詞:操作,邊框

74
73
25
news

版權(quán)所有? 億企邦 1997-2025 保留一切法律許可權(quán)利。

為了最佳展示效果,本站不支持IE9及以下版本的瀏覽器,建議您使用谷歌Chrome瀏覽器。 點(diǎn)擊下載Chrome瀏覽器
關(guān)閉