用< blockquote>做大引号 [英] Make big quotes with <blockquote>

问题描述

几年前，我用标签在我的网站上创建了一个引号（用大引号）。

现在我想要做同样的事情，但它不再工作。我得到的唯一的东西是小的而不是大的。

谢谢！

b

解决方案

我相信你正在寻找像这样的东西： ：//i.stack.imgur.com/ok7BU.jpgalt =Blockquote example>

  blockquote {
 font-family：Georgia，serif; 
 font-size：18px; 
 font-style：italic; 
 width：500px; 
保证金：0.25em 0; 
填充：0.35em 40px; 
 line-height：1.45; 
职位：亲属; 
颜色：＃383838; 
} 
 
 blockquote：在{
 display：block; 
 padding-left：10px; 
内容：\201C; 
 font-size：80px; 
位置：绝对; 
 left：-20px; 
 top：-20px; 
颜色：＃7a7a7a; 
} 
 
 blockquote cite {
 color：＃999999; 
 font-size：14px; 
 display：block; 
 margin-top：5px; 
} 
 
 blockquote cite：before {
 content：\2014 \2009; 
} 
  

将代码投入 JSFiddle供您玩耍。

找到关于它来自： http：//www.webmaster-source .com / 2012/04/24 / pure-css-blockquote-styling /

Some years ago, I used the tag to create a quote on my site (with big quotation marks).

Now I want to do the same thing, but it doesn't work anymore. The only thing I get are small "" and not the big ones.

How do I get the old, big ones back?

Thanks!

解决方案

I believe you're looking for something like this:

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";
}

Threw the code into a JSFiddle for you to play with.

Found a tutorial about it from: http://www.webmaster-source.com/2012/04/24/pure-css-blockquote-styling/

这篇关于用< blockquote>做大引号的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！