几年前,我使用标签在我的网站上创建报价(带有大引号)。
现在我想做同样的事情,但它不再起作用了,我得到的唯一东西是小的“”,而不是大的。
我怎么把旧的,大的拿回来?
谢谢
我相信你正在寻找这样的东西:
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";
}
将代码插入到 aJSFiddle for you to play with中。
找到了一个关于它的教程:http://www.webmaster-source.com/2012/04/24/pure-css-blockquote-styling/
这是一个纯 CSS 解决方案,在右下角添加了一个大的开头报价和大的结尾报价:
blockquote {
font-family: Georgia, serif;
position: relative;
margin: 0.5em;
padding: 0.5em 2em 0.5em 3em;
}
/* Thanks: http://callmenick.com/post/styling-blockquotes-with-css-pseudo-cl */
blockquote:before {
font-family: Georgia, serif;
position: absolute;
font-size: 6em;
line-height: 1;
top: 0;
left: 0;
content: "\201C";
}
blockquote:after {
font-family: Georgia, serif;
position: absolute;
/* display: block; don't use this, it raised the quote too high from the bottom - defeated line-height? */
float:right;
font-size:6em;
line-height: 1;
right:0;
bottom:-0.5em;
content: "\201D";
}
blockquote footer {
padding: 0 2em 0 0;
text-align:right;
}
blockquote cite:before {
content: "\2013";
}
<div>
<blockquote>
It is not the critic who counts; not the man who points out how the strong man stumbles, or where the doer of deeds could have done them better. The credit belongs to the man who is actually in the arena, whose face is marred by dust and sweat and blood; who strives valiantly; who errs, who comes short again and again, because there is no effort without error and shortcoming; but who does actually strive to do the deeds; who knows great enthusiasms, the great devotions; who spends himself in a worthy cause; who at the best knows in the end the triumph of high achievement, and who at the worst, if he fails, at least fails while daring greatly, so that his place shall never be with those cold and timid souls who neither know victory nor defeat.
<footer>
<cite>
Teddy Roosevelt
</cite>
</footer>
</blockquote>
</div>
本站系公益性非盈利分享网址,本文来自用户投稿,不代表码文网立场,如若转载,请注明出处
评论列表(5条)