Re: [問題] CSS 自定邊框?
我覺得其實你需要的不是 CSS, 而是 XSLT
用 XSLT 你可以寫一個 <textblock> ... </textblock> 標籤
然後用 <xsl:template match="textblock"> ... 來產生你要的邊框
現在主要版本的 IE, Firefox, Safari 都支援 xsl transformation
Opera 在第九版應該也會開始支援 ( http://0rz.net/1d15J )
這樣就省去了server-side parse 的麻煩
而且不支援 xslt 的瀏覽器還是看得到文件內容
※ 引述《yllan (藍永倫)》之銘言:
: 我想要做自訂的邊框,例如
: ◎﹏﹏﹏﹏﹏﹏﹏﹏﹏◎
: ︴This is a custom ︴
: ︴border box. ︴
: ︴ ︴
: ︴ ︴
: ◎﹏﹏﹏﹏﹏﹏﹏﹏﹏◎
: 之前有人用 CSS 做出四個角落是圓角的方框嘛,方法是上下加一個 <b>
: 然後畫許多橫線疊在一起。
: 那如果我是想要在角落以及波浪的地方都用自己設定的圖片呢?
: (就是把一個 box 切成九宮格,中間那格放內容,邊緣的八格各自設定背景圖片)
: 好處是這樣只要八張圖就可以適用於任何大小的方塊,不像我看過有些人的作法是
: 固定寬度,然後長度自動延伸的。
: 可是呢,我又希望能把這個寫簡潔一點,畢竟 CSS 就是要讓設計和 html markup
: 分開呀~我又不想要在 html 寫:
: <div class="customBox">
: <span class="topRow"> (left)(center)(right) </span>
: <span class="middleRow"> (left)( )(right) </span>
: <span class="bottomRow"> (left)(center)(right) </span>
: </div>
: 這樣我哪天不想要這個設計的時候,那些層層疊疊的全都變廢碼。
: 希望能這樣啦:
: <div class="textblock"> ... </div>
: CSS 有沒有什麼辦法可以做到呀~謝謝
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 140.112.30.52
推
02/13 00:11, , 1F
02/13 00:11, 1F
推
02/13 08:14, , 2F
02/13 08:14, 2F
討論串 (同標題文章)
本文引述了以下文章的的內容:
完整討論串 (本文為第 3 之 3 篇):