简单而漂亮的Blockquote样式

块引用在符合标准的浏览器中显示为“前有大引号”，而在IE中则以较粗的左边框和浅灰色背景显示。
与其他块引用技术不同，此样式不需要嵌套的块级元素（如p）。 这样，它将段落变成内联样式的元素，以防止内容降到引号下方。

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

例

Pellentesque居民morbi tristique senectus et netus et malesuada成名ac turpis egestas。 Vestibulum tor quam，feugiat vitae，ulticies eget，tempor坐amet，ante。 Donec eu libero坐在书架上。 埃涅安（Aenean）的微生物，毛利人Placerat eleifend leo。

翻译自: https://css-tricks.com/snippets/css/simple-and-nice-blockquote-styling/