首先，大纲是一件伟大的事情。
1。边境的近亲
轮廓和边界是近亲。为什么这么说首先，它们都是在元素之外设置的。其次，属性值几乎相同。例如，大纲样式和边框样式值虚线、虚线、实心，…所以，有些语法几乎是一样的，如果这不是一个近亲，你必须绝对定位，浮动正确。
2。IE8 +支持
大纲是严格的CSS3属性，但是IE8 +浏览器支持它。在一个句子里塞，IE9浏览器还支持+转化，专门为轮廓颜色，所以如果你的项目不管理IE6和IE7浏览器，你可以把要点记在心里，有时它会帮助。
三.不占用空间
默认框模型假定元素100×100像素。当我们设置边框：10px solid的元素，该元素的实际大小至少为120×120像素，和元素的迁移和布局必须考虑。但是，轮廓是不同的，即使你的轮廓：100px固体的元素或100×100像素的大小这种行为类似于CSS3属性如变换和盒子的影子，虽然外形丰满，但实际占用的空间不受影响。因此，当我们达到一定的交互作用，如盘旋的变化，我们可以专注于本身的作用而被搁置，这是一个伟大的经验。
4。直角！圆角
这只是一个环节。
两个轮廓的直角和圆角
这个效果是一个：
直角图片中的60×60像素行。选定图片框2像素的圆角。浏览器的兼容性要求，IE9 +和其他现代浏览器。
总的来说，我们的第一反应是使用边框+ border-radius.however，还有一个问题，那就是，你知道外部突出的边界效应在扩大，因此，边界会增加单元尺寸，为了我们的对齐效果完美，就要选择元素relocateit，上面和下面的边际价值的需要改变。我输了，想想！
像这个UI性能一样，轮廓是自然的东西，所以我们有一个大手：
CSS代码将内容复制到剪贴板。
概述：2px固体# 26c2a7；
明亮的边界在哪里这里就是这里！
但这不是一个角落！
亲爱的朋友，不要试图通过边界半径角变化的轮廓，你知道的，轮廓和边界是近亲，穿裤子了。但是媳妇不能分享Hazakhstan！边界半径和边界都是亮夫妻登记的，连姓氏都是跟老公的，人们只认得边界，你轮廓不见儿媳渴。
可是，轮廓好像是一只狗，没有儿媳妇啊，是轮廓注定了一生的直角，折断了弯
三和轮廓的圆角效应
一眼望去，浩瀚的CSS海似乎没有什么可概括的。注意文字，如果我们有一双锐利的眼睛，我们会发现隐藏在大纲的角落里的东西。。
在Firefox浏览器中，有一个圆角的丈夫和夫妇的轮廓，轮廓半径，
这种关系与边界和边界半径的关系相同。
由于Firefox浏览器的私有财产，当前的使用需要添加-moz前缀，即-moz轮廓半径。
它不是众所周知的会议，如果Firefox，你可以点击这里硬：Firefox轮廓半径角效果演示
结果如下：
相关的CSS代码如下所示：
CSS代码将内容复制到剪贴板。
{ IMG
概述：30px固体# cd0000；
-moz轮廓半径：30px；
}
它很宽松吗！如果你仔细观察，你会发现轮廓半径和边框半径仍然不同。看不见，区别在哪里回答奖哈哈，是的，你是错的！没有任何区别，轮廓半径的圆形规则，语法，等等都是一样的边界半径。
唯一的区别，那就是兼容性问题，不是要看，而是要尝试一下。告诉你一个不幸的消息，目前，除了火狐浏览器支持轮廓半径外，其他浏览器都是空屁！
如果只有WebKit /闪烁的浏览器支持是好的，至少在移动端可以使用，并有一个只有Firefox支持，打毛！不，连羊毛也不用玩！
父母，不要绝望，车到山上必须有一种方式，这种方式为hellip；hellip；
四°阴影效应与盒阴影轮廓模拟
虽然轮廓半径消失了，但我们可以使用其他属性，可以达到类似的效果，例如，伟大的建筑图形框阴影之一。
我们通常使用框阴影的前3个参数，水平/垂直偏移和模糊大小。也许有些伙伴不知道第四个可选参数值for.box-shadow第四参数值，外部扩展名，可以扩大范围的投影，当然，扩展区是一个真正的颜色区域。我们可以利用这个功能来模拟真实的色彩，轮廓边界效应不影响元素大小。
首先，你可以点击这里：CSS3 box-shadow模拟轮廓半径角演示
CSS代码如下所示：
CSS代码将内容复制到剪贴板。
{ IMG
边界半径：1px；
盒子的影子：000 30px # cd0000；
}
许多小的使用CSS3的伙伴应该知道盒阴影投影形状与边界半径，即线，边界半径圆角和阴影的投影箱也是圆形的。因此，这里的最终效果如下图所示。
下面是对两行CSS代码含义的简单解释：
边界半径：1px代表1像素的圆角大小。一些学生可能会感到惊讶，1像素是怎样的，角落的截图清楚的好几十个像素，下面只是解释；
盒子的影子：000 30px # cd0000出现4值，水平偏移0，垂直偏移0，模糊0（纯色），和扩展大小30像素。我们可以想象一下，光是直接从盒子的顶部，因为没有偏差没有歧义，我们不能看到任何阴影。其实，盒子的影子只是盒子的大小（1像素拐角处）。这时，我们扩展了30个像素。我们可以弥补大脑，1像素圆角的阴影将扩大30像素。哦，这不是我们需要的效果，这不是屏幕截图的效果。
让我们知道边界半径1像素。在扩展了30个像素之后，这个角的大小是30像素。
但是，虽然肉眼看不到，上述方法其实是有缺陷的，因为图片不是纯直角，有1像素的角。如果要达到完美的效果，可以在外面设置一层标签，外面标签上有边框半径和框影就可以了。
