Question

我的小提琴会告诉你所有但我需要一个带阴影的边框，现在如果我使用一个没有高度的空div就好了，我使用box-shadow属性但是没有得到这个效果当我的div包含一些文字时...那么有什么解决方法吗？我是否需要添加一个空元素来实现这种效果？

Fiddle

CSS

.what_i_want {
    width: 100px;
    border-bottom: 2px solid #000000;
    margin: 50px;
    box-shadow: 0 0 5px #000;
}

.how_i_achieve_the_above_here {
    margin: 50px;
    border-bottom: 2px solid #000000;
}

HTML

<div class="what_i_want"></div>
<div class="how_i_achieve_the_above_here">Vaibhav</div>

Answer 1

jsfiddle

.how_i_achieve_the_above_here:after{
    position:absolute;
    content: '';
    width:100%;
    height:2px;
    box-shadow: 0 0 5px #000;
    left:0;
    bottom:-2px;
}

Answer 2

不会在盒子阴影周围只是在“盒子”周围放一个阴影吗？你不能只使用宽度为100％的<h1>或<p>标签以及带阴影的底边框吗？没有经过测试，但似乎应该可以使用。

如何只在边框周围有一个带阴影的边框，而不是在元素周围？

2 个答案: