不少的時候看到別人的網站的框架很好看,邊框都帶有一定的弧度,那么CSS如何實現這樣的邊框帶弧度的效果呢?
下面361模板給大家做個簡單的分享:
border-radius:10px; /*四邊弧度10像素*/
等同于
border-top-left-radius:10px;/*左上弧度10像素*/border-top-right-radius:10px;/*右上弧度10像素*/border-bottom-right-radius:10px;/*右下弧度10像素*/border-bottom-left-radius:10px;/*左下弧度10像素*/
同樣:
border-radius: 2em 1em 4em / 0.5em 3em;
等同于
border-top-left-radius: 2em 0.5em;border-top-right-radius: 1em 3em;border-bottom-right-radius: 4em 0.5em;border-bottom-left-radius: 1em 3em;
完成。
新聞熱點
疑難解答