Set RSVP & Check in Set RSVP to remind all events you plan to go. </div> CSS: .div1 { float: left; margin: 0 20px 0 0; padding: 0; width: 300px; "> Set RSVP & Check in Set RSVP to remind all events you plan to go. </div> CSS: .div1 { float: left; margin: 0 20px 0 0; padding: 0; width: 300px; "> Set RSVP & Check in Set RSVP to remind all events you plan to go. </div> CSS: .div1 { float: left; margin: 0 20px 0 0; padding: 0; width: 300px; " />

ボックスシャドウは、h2に適用するとテキストの周囲にないブロックの周りに表示されます

HTML:

<div class="div1">
    

Set RSVP & Check in

Set RSVP to remind all events you plan to go.

</div>

CSS:

.div1 {
    float: left;
    margin: 0 20px 0 0;
    padding: 0;
    width: 300px;
    height: 156px;
}

.div1 h2 {
    color: #fff;
    font-size: 24px;
    font-weight:bold;
    box-shadow: 1px 1px 0 black;
}

そして、境界線は、テキスト上の境界線ではなく「テーブル境界線」のように見えます。

http://screencast.com/t/OrFfBL9MK

1
ボックスシャドウ text-shadow を混同しています。また、枠線はテキストには適用されません。今のところ、テキストの境界線/ストローク用のCSSはありません。
追加された 著者 Joey,

1 答え

私はあなたがボックスシャドウとテキストシャドウを混同していると思う。

これを試して:

.div1 h2 {
    color: #fff;
    font-size: 24px;
    font-weight:bold;
    text-shadow: #000000 1px 1px 0px;
}
5
追加された
笑、歓迎です:)
追加された 著者 Francisco Paulo,
あなたは私のヒーローです! :) THX
追加された 著者 Hello World,