今天别人问我，我学习了一下，嘿嘿， 原理就是在一个层上加二到三个层，不过这些层只有左右边线，最上和最下有背景色，然后它们都有长度差距，就这样了，以下是我做的例子： 无标题页 <br /> .up1<br /> {<br /> overflow:hidden; <br /> height:1px;<br /> margin-left:4px;<br /> margin-right:4px;<br /> background-color: Aqua;<br /> border-left:solid 1px Aqua; <br /> border-right:solid 1px Aqua;<br /> }<br /> .up2<br /> {<br /> overflow:hidden; <br /> height:1px;<br /> margin-left:3px;<br /> margin-right:3px;<br /> border-left:solid 1px Aqua; <br /> border-right:solid 1px Aqua;<br /> }<br /> .up3<br /> {<br /> overflow:hidden; <br /> height:1px;<br /> margin-left:2px;<br /> margin-right:2px;<br /> border-left:solid 1px Aqua; <br /> border-right:solid 1px Aqua;<br /> }<br /> .content<br /> { <br /> margin-left:1px;<br /> margin-right:1px;<br /> height:100px;/*这里控件高度*/<br /> /*background-color: Aqua;*/<br /> border-left:solid 1px Aqua; <br /> border-right:solid 1px Aqua;<br /> }<br /> .down1<br /> {<br /> overflow:hidden; <br /> height:1px;<br /> margin-left:2px;<br /> margin-right:2px;<br /> border-left:solid 1px Aqua; <br /> border-right:solid 1px Aqua;<br /> }<br /> .down2<br /> {<br /> overflow:hidden; <br /> height:1px;<br /> margin-left:3px;<br /> margin-right:3px;<br /> border-left:solid 1px Aqua; <br /> border-right:solid 1px Aqua;<br /> }<br /> .down3<br /> {<br /> overflow:hidden; <br /> height:1px;<br /> margin-left:4px;<br /> margin-right:4px;<br /> background-color: Aqua;<br /> border-left:solid 1px Aqua; <br /> border-right:solid 1px Aqua;<br /> }<br /> .cell<br /> {<br /> width: 50px;/*这里控制宽度*/<br /> } <p><br /> 这里放内容
