如何在文章中加入美化的引用文字 (quote)

只要在網頁的範本中加入你要的CSS即可。 範例如下:
這是一個範例
CSS 取自這裏.



如何做

進入網誌的「設計」區,選「編輯HTML」,如下圖。


找到 style 區(如下圖紅框)



加入CSS即可,CSS如下(建議找這裏的原文貼上)

.example blockquote {
  background:#f9f9f9;
  border-left:10px solid #ccc;
  margin:1.5em 10px;
  padding:.5em 10px;
  blockquote{background:#f9f9f9;border-left:10px solid #ccc;margin:1.5em 10px;
      padding:.5em 10px;quotes:"
      201C""201D""2018""2019";}
}
.example blockquote:before {
  color:#ccc;
  content:open-quote;
  font-size:4em;
  line-height:.1em;
  margin-right:.25em;
  vertical-align:-.4em;
}
.example blockquote p {
  display:inline;
}
在文章中,只要加入底下的HTML碼,就可以展示前述的範例了。


留言

這個網誌中的熱門文章

由 Pandas 的 DataFrame 中取得資料

[程式設計] C++ 的字串切割

[程式設計] UVa 介紹,以及 UDebug 和其他輔助工具的介紹