如何在文章中加入美化的引用文字 (quote)
只要在網頁的範本中加入你要的CSS即可。 範例如下:
CSS 取自這裏.
加入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碼,就可以展示前述的範例了。



留言
張貼留言