2

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

4

4 回答 4

4

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

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

于 2012-06-14T13:44:47.097 回答
3

另一种选择是

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

提琴手演示

于 2012-06-14T13:47:35.160 回答
2

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

于 2012-06-14T13:57:09.903 回答
1

使用outline而不是border. 这也有一个额外的优势；div 的高度/宽度不会添加轮廓中的点，它只是使用border.

于 2012-06-14T13:44:17.593 回答