html - 使用 进行大引号

Question

几年前，我使用标签在我的网站上创建了一个引号(带有大引号)。

现在我想做同样的事情，但它不再起作用了。我得到的唯一东西是小的“”而不是大的。

如何取回旧的、大的？

谢谢!

Answer 1

我相信您正在寻找这样的东西:

blockquote {
    font-family: Georgia, serif;
    font-size: 18px;
    font-style: italic;
    width: 500px;
    margin: 0.25em 0;
    padding: 0.35em 40px;
    line-height: 1.45;
    position: relative;
    color: #383838;
}

blockquote:before {
    display: block;
    padding-left: 10px;
    content: "\201C";
    font-size: 80px;
    position: absolute;
    left: -20px;
    top: -20px;
    color: #7a7a7a;
}

blockquote cite {
    color: #999999;
    font-size: 14px;
    display: block;
    margin-top: 5px;
}

blockquote cite:before {
    content: "\2014 \2009";
}

将代码放入 JSFiddle for you to play with .

从以下位置找到有关它的教程:http://www.webmaster-source.com/2012/04/24/pure-css-blockquote-styling/