Ben bazı büyük güzel çift tırnak metin sarmak için çalışıyorum. I this tutorial baktı, ama ben olması gerektiğini düşündüm biraz daha karmaşık görünüyor. Benim bağırsak Yani burada birinin daha akıllı bir yol biliyor söyler. Hiçbir şey açık değilim: CSS, veya PHP veya Javascript veya jQuery (ama tercihen JS / jQuery)
The tutorial doesn't look too complicated to me—I think their method is quite a good one.
If you don't like specifying one of the background images in :first-letter, you could use CSS3's support for multiple background images:
blockquote {
background: url("open-quote.gif") top left no-repeat,
url("close-quote.gif") bottom right no-repeat;
/* Other rules... */
}
... Ama bu sadece çalışacak some browsers.
Ben olsaydım, öğretici açıklanan yöntemi kullanmak istiyorum.
Ben onlar önermek yöntemi aşağıdaki öneriyoruz: sadece o sizin büyük tırnak bir arka plan görüntüsü vermek için bir blockquote eleman üzerinde bazı stil eklemek.
Eğer saf CSS çözüm isteseydiniz, bu gibi bir şey kullanabilirsiniz:
blockquote:before, blockquote:after {
content: '"';
font-size: 400%;
}
Tabii ki, o ok görünümlü almak için hat yükseklikleri ve marjları ile oynamak zorunda, ama o zaman bile, IE'de işe yaramayacak.