html列表边框有弧度,CSS边框带弧度代码怎么写

这篇文章主要为大家详细介绍了CSS边框带弧度代码怎么写，具有一定的参考价值，感兴趣的小伙伴们可以参考一下,有需要的朋友可以收藏方便以后借鉴。

不少的时候看到别人的网站的框架很好看，边框都带有一定的弧度，那么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;

完成。

以上就是CSS边框带弧度代码怎么写的全部内容，希望对大家的学习和解决疑问有所帮助，也希望大家多多支持361模板网。

感谢打赏，我们会为大家提供更多优质资源！