div+css布局完整代码 三行两列 另外如果把两列分为四格 怎么做

html-css012

div+css布局完整代码 三行两列 另外如果把两列分为四格 怎么做,第1张

你的意思是用表格?rowspan是上下合并单元格,也就是合并行,colspan是水平合并单元格,也就是合并列。

比如这样的一个表格,其实是第一行第一个表格,和第二行第一个表格的合并,在第一个td里写入rowspan,就可以了。 当然,也就相应的要删掉第二行第一个表格,也就是第二个tr里的一组td。第一行的两个表格合并,就用colspan。 看到这样一个表格,你就可以先确定是在三行两列的表格的基础上去实现,把你想要的效果先画出来,然后就知道需要几行几列了。

另外,这个并不是DIV+CSS布局啊,布局很少去用表格了,现在只是表单部分用表格方便点。

偶然间发现一个简单实现四角边框的方法

比如 一个div 套个 input框, 然后div给个背景色

里面的input框用border-radius,这样就可以凸显出四个边角了

外面一个大框 大框高上边和左边的线为1px黑色

大框里面写<ul><li>五行四列共20个<li>紧密排列好。宽高都设定一样。一定和外大框配合好。每个<li>敲定属性为右边和下边1px黑色.只要你把握好比例就可以实现。

不知道你能不能弄明白,如果不行的话,请Hi我,祝你好运。