css3三角边框-CSS3 边框样式 | CSS3边框样式圆角、边框图像、边框阴影-来自二星慕课

原文链接：

CSS3的边框圆角和边框阴影属性应用广泛，兼容性也比较好。 它们具有符合逐步完善原则的特点，需要我们重点关注。

边框圆角边框半径

修圆角时，大脑中应产生圆、圆心、长径、短径的概念。 完美的圆是椭圆的一种特殊情况。

【CSS3边框样式|带圆角、边框图片、边框阴影的CSS3边框样式-来自二星慕课】长短直径可以分别设置，用“/”分隔css3三角边框，秉承“1、2、3、4” " 规则，参考指南 练习熟悉各种缩写。

表单中使用圆角需要border-collapse:separate；

当圆角直径大于或等于边框长度时，单元的外角为直角

边框图像 border-image

将设定好的图片“切割”成九个方格，然后进行设定。如右图

“切割”完成后，生成9个虚拟图形，然后根据相应的位置设置背景。

四个角的位置和形状保持不变css3三角边框，中心位置水平和垂直平铺。如右图

round 将手动调整规格以完整显示帧图像。

重复只是平铺多余的部分，该部分将被“剪切”并且不显示。

边框阴影 边框阴影

设置边框阴影不会影响bag的布局，即不会影响其兄弟元素的布局

spread可以与blur、h-shadow、v-shadow相互抵消，且blur不能为负数

可以设置多个边框阴影，达到更好的效果，提高立体效果。