有人是用巢状的方式来作 像这样 <div id=a><div id=b><div id=c><div id=d> 内容 </div></div></div></div> #a、#b、#c、#d 的css在个自设定背景 还有背景图片只靠某个方向重覆贴图(请自已参考 有关的css标签) ※ 引述《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: 218.172.203.39 ※ 编辑: drkkimo 来自: 218.172.203.39 (02/11 21:11) ※ 编辑: drkkimo 来自: 218.172.203.39 (02/11 21:12)