大双引号：添加它们的最佳方式

Question

我正在尝试用一些很好的双引号来包装文本。我看了this tutorial，但似乎比我想象的要复杂一点。我的直觉告诉我这里有人知道一个更聪明的方式。我对任何东西都开放：CSS，或PHP或Javascript，或Jquery（但最好不是JS / Jquery）

Answer 1

我建议遵循他们建议的方法：只需在blockquote元素上添加一些样式，为其提供大引号的背景图像。

如果您想要纯CSS解决方案，可以使用以下内容：

blockquote:before, blockquote:after {
    content: '"';
    font-size: 400%;
}

当然，你必须使用线高和边距才能让它看起来不错，但即便如此，它也无法在IE中运行。

Answer 2

本教程看起来并不太复杂 - 我认为他们的方法非常好。 如果您不想在:first-letter中指定其中一个背景图像，则可以使用CSS3支持多个背景图像：

blockquote {
    background: url("open-quote.gif") top left no-repeat,
            url("close-quote.gif") bottom right no-repeat;
    /* Other rules... */
}

...但这仅适用于some browsers。

如果我是你，我会使用教程中描述的方法。