1

私のフィドルはすべてを教えてくれますが、影のある境界線が必要です。これでdiv、高さのない空を使用し、box-shadowプロパティを使用しても問題ありませんが、テキストが含まれているとこの効果が得られませんdiv...回避策はありますかこのため？このタイプの効果を実現するには、空の要素を追加する必要がありますか?

フィドル

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>
4

2 に答える 2

2

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;
}
于 2013-01-21T04:39:40.397 に答える
1

とにかく、ボックスシャドウは単語の周りの「ボックス」の周りに影を付けませんか? 幅 100%の<h1>orタグと影付きの下枠だけを使用することはできませんか? <p>テストされていませんが、動作するはずです。

于 2013-01-21T04:38:55.317 に答える