作者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
1F:推 windwofswold:有关xsl的用法 有网站能参考吗~?谢谢 02/13 00:11
2F:推 ibmibmibm:w3school 02/13 08:14