方法1:原理:表格和单元格都用背景,但互相颜色不同,单元格背景遮住了和表格重合的部分,就出现了边框。但要注意,表格的属性一定要设置为边距为1(cellspacing="1")。不然效果不好方法二:语法: border-collapse : separate | collapse 取值: separate : 默认值。边框独立(标准HTML) collapse : 相邻边被合并
1、首先,我们打开DreamWeaver软件,新建一个html的页面,并以table命名进行保存。
2、然后我们在页面的body标签内部,新建一个table,并在内部添加行和单元格标签。
3、接下来,我们需要在每个单元格中添上相应的文字,并在浏览器中查看效果。
4、可以看到,各个单元格之间的区别并不明显,我们需要为其添加边框。
5、边框只需要在table标签中添加,border即可,border值为阿拉伯数字,添加border后,效果更明显。
6、我们接下来要将第一行的三个单元格合并成一个单元格。分别是跨行合并的rowspan和跨列合并的colspan7、具体的用法是这样的。我们在td标签中添加colspan="",引号内填写相应的阿拉伯数字即可。8、然后在浏览器中刷新页面,可以看到第一行变成了一个单元格。9、跨行合并和跨列合并是相似的。
lable1的属性主要有:
1、alignment:控件标题的对齐方式。
2、autosize:决定控件是否调整大小。
3、back style:背景样式。
4、borderstyle:边框样式。
1、事先定义<tableborder="2"><tablestyle="border:2pxsolidred;"><tablestyle="border-bottom:2pxsolidred;">2、通过javascript动态设置<tableid="tab1"><scriptlanguage="javascript"type="text/javascript">varobj;obj=document.getElementById("tab1");obj.style.border="2pxsolidred";</script>
Copyright © 广州京杭网络科技有限公司 2005-2025 版权所有 粤ICP备16019765号
广州京杭网络科技有限公司 版权所有