不使用border属性显示元素的边框

Question

我想显示一个元素的边框类型，但不使用border属性。这可能吗？

Answer 1

CSS3有两个您可以使用的选项：outline和box-shadow。

或者，如果您需要旧的浏览器支持，请使用背景div创建边框。

Answer 2

另一种选择是

<div style="background-color: black; padding: 2px">
    <div style="background-color: white">
         hello!! 
    </div>
</div>

Fiddler demo

Answer 3

你可以使用:before伪元素与指定的width/height和background-color应用（当然伪元素不适用于自闭元素，如img， input，hr，...）

Answer 4

使用outline代替border。这也有一个额外的好处; div的高度/宽度不会添加轮廓中的点，而border就是这样。