Re: [問題] CSS 自定邊框?

看板Web_Design作者 ( ^-^)時間20年前 (2006/02/12 23:15), 編輯推噓2(200)
留言2則, 2人參與, 最新討論串3/3 (看更多)
我覺得其實你需要的不是 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
有關xsl的用法 有網站能參考嗎~?謝謝
02/13 00:11, 1F

02/13 08:14, , 2F
w3school
02/13 08:14, 2F
文章代碼(AID): #13xr4JGv (Web_Design)
文章代碼(AID): #13xr4JGv (Web_Design)