Box-shadow, h2'ye uygularken metnin etrafında değil bloğunun etrafında

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;
}

Kenarlık, metin üzerindeki kenarlığa değil "kenarlık kenarına" benzer

http://screencast.com/t/OrFfBL9MK

1
Aşağıdaki cevapta gösterilen box-shadowtext-shadow ile karıştırıyorsunuz. Ayrıca, kenarlıklar metne uygulanmaz. Şu an itibariyle, metin kenarlığı/konturu için CSS yok.
katma yazar Joey, kaynak

1 cevap

Sanırım kutu gölgeyi metin gölgesiyle karıştırıyorsunuz.

Bunu dene:

.div1 h2 {
    color: #fff;
    font-size: 24px;
    font-weight:bold;
    text-shadow: #000000 1px 1px 0px;
}
5
katma
lol, rica ederim :)
katma yazar Francisco Paulo, kaynak
Kahramanımsın! :) Teşekkürler
katma yazar Hello World, kaynak