作者TKirby ( ^-^)
看板Web_Design
標題Re: [問題] CSS 自定邊框?
時間Sun Feb 12 23:44:46 2006
我覺得其實你需要的不是 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
推 windwofswold:有關xsl的用法 有網站能參考嗎~?謝謝 02/13 00:11
推 ibmibmibm:w3school 02/13 08:14