CSS块引用模版

不是所有的人都必须在他们的网站上使用blockquotes. 但是我认为这是一个很好的元素用于分离引用或是优化博客和网页上的重复内容. 上面的代码为你的blockquotes提供一个默认样式,这样你的内容就不会看起来单调乏味。

• blockquote {  
  
•     background: #f9f9f9;  
  
•     border-left: 10px solid #ccc;  
  
•     margin: 1.5em 10px;  
  
•     padding: .5em 10px;  
  
•     quotes: "201C""201D""2018""2019";  
  
• }  
  
• blockquote:before {  
  
•     color: #ccc;  
  
•     content: open-quote;  
  
•     font-size: 4em;  
  
•     line-height: .1em;  
  
•     margin-right: .25em;  
  
•     vertical-align: -.4em;  
  
• }  
  
• blockquote p {  
  
•     display: inline;  }
  

复制代码