客户想要两种颜色的边框以获得浮雕外观。我可以在一个元素上执行此操作吗？我希望避免堆叠两个具有单独边框的 DOM 元素。
是的：使用outline财产;它充当您边界之外的第二个边界。但请注意，它可能会以一种奇怪的方式与边距、填充和阴影进行交互。在某些浏览器中，您可能还必须使用浏览器特定的前缀；为了确保它能接收到它：-webkit-outline等等（尽管 WebKit 特别不需要这个）。
当您想要放弃某些浏览器的轮廓时，这也很有用（例如，如果您想要将轮廓与阴影组合起来；在 WebKit 中，轮廓位于阴影内部；在 FireFox 中，它是外面，所以-moz-outline: 0对于确保漂亮的 CSS 投影周围不会出现粗糙的线条很有用）。
.someclass {
border: 1px solid blue;
outline: 1px solid darkblue;
}
Edit:有人评论说outline与 IE
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
