html – 用大的引号

前端之家收集整理的这篇文章主要介绍了html – 用大的引号前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
几年前,我使用标签在我的网站上创建了一个引号(带有引号).

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

如何让老旧的大回来?

谢谢!

解决方法

我相信你正在寻找这样的东西:
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/发现了一个关于它的教程

猜你在找的HTML相关文章