在5key.net上看到这么一篇文章,感觉挺有意思,顺便转载这里。(最近做Ext的一些应用狂忙,一周没有写blog,过段时间赶快补上)
一个简单的结构:
<div class=”container”>
<div class=”left-top”>
<div class=”right-top”>
<div class=”left-bottom”>
<div class=”right-bottom”>
content
</div>
</div>
</div>
</div>
老外用
Unicode来给格式了一下:
<div class=”□”>
<div class=”┌”>
<div class=”┐”>
<div class=”└”>
<div class=”┘”>
content
</div>
</div>
</div>
</div>
明白吗?看看注释:
.□ { /* container styles */ }
.┌ { /* top-left styles */ }
.┐ { /* top-right styles */ }
.└ { /* bottom-left styles */ }
.┘ { /* bottom-right styles */ }
<