Evde Saçımdaki Katmanları Nasıl Keserim!

Bu tarz alıntıları HTML / CSS'de resimlere veya mutlak konumlandırma gibi şeylere başvurmadan çıkarmanın basit bir yolu var mı? Görünüşe göre HTML / CSS'ye her zaman yeni ve harika bir şey ekleniyor, bu yüzden bu tür bir şeyin mümkün olup olmadığını merak ettim. :)

Resme bakın:

Görüntü kullanmadan da gerçekten mümkün. Bir yaklaşım, basit bir

ve diğeri, tırnak işaretlerini eklemek için: before ve: after sözde seçicileri kullanır. Alıntıların kendisi sadece şişirilmiş metindir ve CSS ile şekillendirilmiştir. Yani evet resimler gerekli değildir, ancak uygulanması daha kolay hale gelir ve daha geniş çapta desteklenir. Sözde seçicilerin IE6 veya IE7'de desteği yoktur, ancak onları desteklemek isteyip istemediğiniz size bağlıdır.

http://www.designmeme.com/tutorials/csscurlyquotes/

  • Güzel. İlk yaklaşımla da bir bağlantınız var mı?
  • Boşver, çalıştırdım. Bu mükemmel çalıştı: 24ways.org/2005/swooshy-curly-quotes-without-images Teşekkürler!
  • Bu yazının yazarı, bunu bağladı: 24ways.org/2005/swooshy-curly-quotes-without-images. Beni saniyelerle yendi :)

Alıntı resmine ihtiyacınız var, onu bir div'in arka planına koyun ve bir ilk satır marjı ayarlayın.

Bir resim kullanmanız gerekecek.

  • Cevabınız için teşekkürler, ancak metnin sonunda başka bir alıntı da var. Bunu resme eklemeliydim.

Sizin için çalışmış: Charles Robertson | bize ister?