css - 两种颜色边框

客户需要两种颜色的边框来打造浮雕效果。我可以在一个元素上做到这一点吗？我希望避免用单独的边框堆叠两个 DOM 元素。 最佳答案 是的:使用 outline 属性；它充当您的边界之外的第二个边界。请注意，它可以以一种不稳定的方式与边距、填充和阴影进行交互。在某些浏览器中，您可能还必须使用特定于浏览器的前缀；为了确保它接受它:-webkit-outline 等(尽管 WebKit 特别不需要这个)。这在您想放弃某些浏览器的轮廓的情况下也很有用(例如，如果您想将轮廓与投影结合起来；在 WebKit 中，轮廓在阴影内；在 FireFox 中，它是在外面，因此 -moz-outline: 0 可用于确保您不会在漂亮的 CSS 阴影周围出现粗糙的线条)。.someclass { border: 1px solid blue; outline: 1px solid darkblue;} 编辑: 有些人说 outline 不适合 IE关于css - 两种颜色边框，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/3906983/