[聚合文章] 【CSS】多重边框

需要注意的是，box-shadow是层层叠加的，也就是说第一层投影位于顶层，以此类推。因此，需要做的是按照这个规律来调整扩张的半径。

就比如在这个例子中，第一个投影用了10px，第二个投影就要用大于10px的值才能看出效果，除非前一个投影设置了半透明颜色。

缺点：
用 box-shadow 设置的多重边框最大的缺点就是不能设置虚线等其他样式的边框。

---

outline

如果只是需要2层边框，可以先设置一层常规边框（border），再加上outline（描边）属性来产生外层的边框。

outline 设置参数的方法和 border 是一样的。

    width: 300px;    height: 300px;    margin: 100px auto;    background: #c33;    color: #fff;    font-size: 30px;    text-align: center;    line-height: 300px;    border: 10px solid #036;    outline: 10px solid #9c0;

注：本文内容来自互联网，旨在为开发者提供分享、交流的平台。如有涉及文章版权等事宜，请你联系站长进行处理。