如何在 HTML 中更改多个表格?

Posted

技术标签:

【中文标题】如何在 HTML 中更改多个表格?【英文标题】:How can i alter a more than one table in HTML? 【发布时间】:2018-06-14 11:11:54 【问题描述】:

我可以更改第一个表,但我不知道如何更改另一个表?使它们不同的名称(table1,table2)不起作用(不要介意语言)。

<!DOCTYPE html>

<html>

<head>

    <style>

    body background-color: burlywood;

    h1  color: beige; text-align: center; font-size: 400% 

    img  display: block; margin: auto; width: 60%; border: 8px solid brown 

    h2  color: beige; text-align: center; font-size: 200% 

我可以用这部分代码弄乱第一个表

    table.center  margin-left: auto; margin-right: auto

    table  font-size: 150%; padding-bottom: 120px 

.

    </style>
    <meta charset="utf-8">
    <title>Kavarna</title>
</head>
<body>
    <img src="kava_zgoraj.jpg"  />
    <h1>IME KAVARNE</h1>
    <h2>Najboljša kava v mestu že od 1987!</h2>
<table class="center">
    <tr>
        <th>Dobrodošli!</th>
        <th>O nas</th>
    </tr>
        <td>Kavarna je vaš najboljši sosed, kadarkoli,<br /> vsak dan. Zjutraj se nam pridružite ob posebnih <br /> mešanicah kave in oragnskemu zajtrku <br /> ter sokovih, zvečer pa se zabavajte <br /> ob živi glasbi in koktejlih ter veliko več!</td>
        <td>Smo mala, družinska kavarna katere <br />lastništvo se prenaša iz roda v rod. <br />Ustanovljena leta 1987!</td>          
</table>

但我也不知道如何在这张桌子上工作。

<table>
    <tr>
    <td><strong>Kje nas najdete?</strong></td>
    </tr>    
</table>

.

</body>
</html>

【问题讨论】:

你不能给另一个table 元素一个特定的类,你可以像table.center 那样定位吗? 另外,请避免使用表格进行布局。 哦,我当然可以。谢谢! 我为什么要避免它? @AlemKalender ***.com/questions/83073/…。从 html 4 开始,使用表格进行布局在语义上也不正确,而且它们不灵活,以后更难更改布局。 【参考方案1】:

为此表格添加单独的 CSS 类。不要使用 HTML 标签来设置样式。

【讨论】:

不一定正确,通常最好使用 CSS Cascade 将所有表格的样式设置为相同,直到出现特殊情况,然后添加一个类来捕获该特殊情况。

以上是关于如何在 HTML 中更改多个表格?的主要内容,如果未能解决你的问题,请参考以下文章

html表格如何通过更改悬停边框来突出显示列?

如何在单击时更改 HTML 表格单元格颜色

给定一个包含多个列的手动表格,每个列都使用不同的渲染器,如何在数据更新时更改单个单元格的背景颜色?

调用 html 时,如何从包含多个表格的 HTML 文件中显示特定表格? [关闭]

Html如何制作具有多个标题的表格?

如何更改 HTML 中表格行的高度?