border-radius 想必大家都有所了解,比较常见的用法就像下面一样: 注意左边的盒子 border-radius: 100px; 右边的为0哦,所以右边的实际上没有设置圆角边框属性:咱们比较下: 看大家大概都能看懂,不过我就想弄清楚个原理,不然觉得记不住,而且很不爽,而且这个样式细究起来有8个参数可以选,天呐,,, 所以我来说说我理解的圆角原理,就以上图中的 border-radius: 100px; 为例分析: 上图在我看来,浏览器就是这样渲染的,以左上角为例,如图: 第一步:因为设…