html中的table标签中如何将几个<td>合在一起的

html中的table标签中如何将几个<td>合在一起的,第1张

需要准备的材料分别有:电脑、浏览器、html编辑器。

1、首先,打开html编辑器,新建html文件,例如:index.html。

2、在index.html中的<body>标签中,输入html代码

<table border="1">

<tr><td>1</td><td>2</td><td>3</td></tr>

<tr><td colspan="3">456</td></tr>

</table>

3、浏览器运行index.html页面,此时表格第2行的3个td合并在了一起。

用DW,这种做法也是每个里面都加上align=center,如果觉得代码不够简练就用CSS

td {

text-align: center

}

相同的

.ys{

你的CSS代码

}

你自己命名的class 前面得加点的哦 .ys{}

span class=ys 标准写法是要加上引号的 <span class = "ys"></span>align=center也是

设置每个table的样式,比如class=tab1,class=tab2,然后在样式表设置

.tab1 td{这里为tab1的样式}

.tab2 td{这里为tab2的样式}

而不用一个个去设置td class="xx"了 毕竟比较麻烦。

如下代码:

<table >

<td class="style1" >内容</td >

</table >

<table >

<td class="style2" >内容</td >

</table >

在CSS中定义:

.style1 {

}

.style2 (

}

或者是给TD加上class,相同样式用的相同Class,不同样式用的不同Class


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

原文地址:https://54852.com/zaji/7421344.html

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

发表评论

登录后才能评论

评论列表(0条)

    保存