« 如何作備份 | 主頁面 | 如何製作彈性招牌? »

如何作引文框線



'; } ?>

Caliope問:怎樣可以在本文中用那種虛線的框框把文字框起來呢?
像這樣

框住的文字

答:
你先得在stylesheet 加入以下碼:

blockquote {
color:#000000; /* 這是框內文字的顏色 */
font-family:Verdana, Geneva, Arial; /* 框內的字體 */
border:1px dotted; /* 框線的粗細與形式 */
background: #FCFFCA; /* 框內的背景顏色 */
padding:5px; /* 框內文字與框線的距離 */
margin-left: 0px; /* 左框線與框外邊界的距離 */
margin-right: 0px; /* 右框線與框外邊界的距離 */
}

然後你在貼文時,只要把要框住的文字用<blockquote>…. </blockquote>包住即可。

del.icio.us HEMiDEMi MyShare


'; } ?>

歷史上的今天

西元 2007 年: 西元 2006 年: 西元 2005 年:

共 4 則迴響


  1. 伊塔 說:

    回應 cat:

    據我試驗了解,「blockquote」是 html 既定的 tag,原意就是「讓文字縮排」。
    如今我們以 sytle-site.css 來定義 blockquote,叫它顯示出邊界,
    就是我們所見到的框線啦。

    是以,在 style-site.css,我們定義「blockquote {……(略)}」時,
    英文單字 blockquote 前,沒有任何符號。
    如果自定格式 (比如,我自定 bq2 為第二種框文格式),
    就必須寫成「.bq2 {……(略)}」,
    在編寫單篇網頁時,以「要包起的內容」來達成目的。

    我不懂 css 或 html,以上是我自己理解出來的。如果有誤,還請 jeph 和其他高手指正。



  2. 駝獸 說:

    其實我最早是從部落格麻瓜園看來blockquote的語法.



  3. cat 說:

    blockquote是標準的tag name還是J你想的?
    我只是好奇,因為不知道是不是可以自訂變數。



  4. calliope 說:

    謝謝Jeph,
    已經測試成功了... :")


留言