如何在HTML中更改多个表?

时间:2018-01-04 16:57:23

标签: html css html-table css-tables

我可以改变第一张桌子,但我无法弄清楚如何改变另一张桌子?使它们成为不同的名称(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" alt="kava" />
    <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>

1 个答案:

答案 0 :(得分:1)

为此表添加单独的CSS类。不要用HTML标签来设计风格。