作者yllan (蓝永伦)
看板Web_Design
标题[问题] CSS 自定边框?
时间Sat Feb 11 19:26:57 2006
我想要做自订的边框,例如
◎﹏﹏﹏﹏﹏﹏﹏﹏﹏◎
︴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.31.131