如何作引文框線

| | 評論(4)

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>包住即可。

分類

評論(4)

伊塔 said:

回應 cat:

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

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

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

駝獸 said:

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

cat said:

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

calliope said:

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

關於此日記

此日記由 bluecircus 發表於 2004年4月23日 15:39

此Blog上的上一篇日記如何作備份

此Blog上的下一篇日記如何製作彈性招牌?

首頁歸檔頁可以看到最新的日記和所有日記。

Powered by Movable Type 4.23-zh-tw

團員照片

bluecircus on
www.flickr.com