HTML怎么做两个横排嵌套表格

HTML怎么做两个横排嵌套表格,第1张

那得用嵌套表格了,先做个一行两列的表格,并且让这个表格居中,然后再在两个单元格内分别插入一个表格即可,代码下:

<table width="100%" align="center">

<tr>

<td><table width="100%">

<tr>

<td></td>

</tr>

</table></td>

<td><table width="100%">

<tr>

<td></td>

</tr>

</table></td>

</tr>

</table>

居中的话,添加align="center" 或者 style="text-align:center" 就可以了

<td align="center">时间</td>

竖着排

<table>

    <tbody>

        <tr>

            <th>时间</th>

            <td>08:00:00</td>

            <td>09:00:00</td>

            ...

        </tr>

        <tr>

            <th>温度</th>

            <td>37</td>

            <td>38</td>

            ...

        </tr>

    </tbody>

</table>

Dreamweaver新建一个HTML文件——修改title为html+css——新建一个div  id为“a”——设置代码,给li设置左浮动效果。

具体步骤:

1、用Dreamweaver新建一个HTML文件

2、修改title为html+css实现横向导航

3、新建一个div  id为“a”,添加ul li标签

4、在li中添加自己想要的文字 并调整好文字间距,按F12预览,如下图所示

5、首先去掉字体前面的小黑点,代码如下:

6、接下来,使文字横向排列,设置代码如下,给li设置左浮动效果

7、按F12预览,效果如下


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

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

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

发表评论

登录后才能评论

评论列表(0条)

保存