使用Outline for CSS border

时间:2012-04-08 18:50:00

标签: css

有没有其他人在CSS中使用outline来创建双边框而不是嵌套div?在CSS中使用outline的缺点是什么因为我似乎不太受欢迎? 干杯

3 个答案:

答案 0 :(得分:0)

你的意思是代替两个带有单边框的div吗?

正如我所注意到的,对此的缺点是你无法控制每种颜色,它们必须是相同的...而且,你无法控制它们的距离,或者它们的每一种尺寸等

所以我认为这实际上取决于你将使用双边框...但对于简单的双标准边框,它比制作两个div和两个边框更快......(IMO)

我认为它们不受欢迎,因为您经常在网络上看到双边框?

答案 1 :(得分:0)

这取决于。 outline在大多数浏览器中运行良好,包括IE8,快速示例http://jsfiddle.net/elclanrs/jecEB/

您也可以将box-shadow用于同一目的,并且可以添加2个以上的边框。当然,这只适用于支持此css3功能的浏览器。

答案 2 :(得分:0)

大纲的主要问题是它在盒子模型之外,所以它可能导致一些丑陋的崩溃。

此外,大纲被广泛用于辅助功能,并且不要乱用可访问性总是一个好主意。