HTML表格代码如何改变边框粗细

HTML表格代码如何改变边框粗细,第1张

1、事先定义

<table border="2">

<table style="border:2px solid red">

<table style="border-bottom:2px solid red">

2、通过javascript动态设置

<table id="tab1">

<script language="javascript" type="text/javascript">

var obj

obj=document.getElementById("tab1")

obj.style.border="2px solid red"

</script>

这是html表格标记<table>的属性, border="1" 是让表格边框线的粗细为1像素,cellpadding="0" 是让单元格边框线与单元格中的内容之间的距离为0像素,即单元格中内容紧挨着单元格的边线, cellspacing="0" 是让各单元格之间的缝隙为0象素。 如<table width="200" border="1" cellpadding="0" cellspacing="0">表示这个表格宽度为200象素,边框粗细为1象素,单元格和格中的内容距离为0象素,单元格之间的距离为0象素,画出的表格看起来是一个单线的表格。

<tr是表中的行,<td是表中的单元格,还有一个是<th是表格的表头例如:<table width=778 border=0<tr<td</td<td</td

colspan是列合并

rowspan是行合并

后面是是合并的数量


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7012260.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-31
下一篇 2023-03-31

发表评论

登录后才能评论

评论列表(0条)

保存