如何用CSS給XML添加表格？

在XML中添加表格，可以通過使用CSS的樣式規(guī)則來(lái)實(shí)現(xiàn)，以下是一個(gè)簡(jiǎn)單的示例，展示如何為XML文檔中的表格添加CSS樣式。

假設(shè)我們有一個(gè)簡(jiǎn)單的XML文檔，其中包含了一個(gè)表格：

<?xml version="1.0" encoding="UTF-8"?>
<table>
    <tr>
        <th>姓名</th>
        <th>年齡</th>
        <th>性別</th>
    </tr>
    <tr>
        <td>張三</td>
        <td>30</td>
        <td>男</td>
    </tr>
    <tr>
        <td>李四</td>
        <td>25</td>
        <td>女</td>
    </tr>
    <tr>
        <td>***五</td>
        <td>35</td>
        <td>男</td>
    </tr>
</table>

我們可以通過CSS來(lái)美化這個(gè)表格：

<?xml-stylesheet type="text/css"?>
table {
    width: 100%;
    border-collapse: collapse;
}
th, td {
    border: 1px solid #000;
    padding: 8px;
    text-align: left;
}
th {
    background-color: #f0f0f0;
}
tr:nth-child(even) {
    background-color: #f9f9f9;
}

在這個(gè)CSS樣式中，我們首先對(duì)表格進(jìn)行了全局設(shè)置，然后分別設(shè)置了表頭和表格單元格的樣式，通過border-collapse屬性，我們可以讓表格的邊框合并，從而得到一個(gè)清晰的表格結(jié)構(gòu)，我們還通過nth-child選擇器來(lái)給偶數(shù)行的表格添加背景色，使得表格更加易讀。