html – 用大的引号

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

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

如何让老旧的大回来?

谢谢!

解决方法

我相信你正在寻找这样的东西:
  1. blockquote {
  2. font-family: Georgia,serif;
  3. font-size: 18px;
  4. font-style: italic;
  5. width: 500px;
  6. margin: 0.25em 0;
  7. padding: 0.35em 40px;
  8. line-height: 1.45;
  9. position: relative;
  10. color: #383838;
  11. }
  12.  
  13. blockquote:before {
  14. display: block;
  15. padding-left: 10px;
  16. content: "\201C";
  17. font-size: 80px;
  18. position: absolute;
  19. left: -20px;
  20. top: -20px;
  21. color: #7a7a7a;
  22. }
  23.  
  24. blockquote cite {
  25. color: #999999;
  26. font-size: 14px;
  27. display: block;
  28. margin-top: 5px;
  29. }
  30.  
  31. blockquote cite:before {
  32. content: "\2014 \2009";
  33. }

代码放入JSFiddle for you to play with.

从:http://www.webmaster-source.com/2012/04/24/pure-css-blockquote-styling/发现了一个关于它的教程

猜你在找的HTML相关文章