0

我有一个小问题。我正在用 HTML 制作化学元素表。我已将整个表格分成不同类型/化学元素组的部分。但是....有些金属的名称不同，例如碱金属，但它们仍属于金属组。所以我想把整个表格单元格做成灰色，但还要在中间做一条浅绿色的条纹，看看它是碱金属。这是一段代码：

<td class="metal">
    <a href="aboutelement">
        <strong>Li</strong>
        <span class="atomicnumber">3</span>
        <em>Lithium</em>
        <span class="atomicweight">6.939</span>
    </a>
</td>

我只想制作绿色条纹（在中间有具体宽度），在 t 的文本后面。单元格，这不会影响文本的布局和背景上的灰色。我可以用 CSS 向你发送更详细的版本，但我想你会明白我想要做什么。

4

1 回答 1

0 

td {
    background: linear-gradient(to right, #ddd 15%, lime 16%, lime 84%, #ddd 85%);
    padding: 10px;
    text-align: center;
}

a {
    color: #000;
    font-size: 20px;
}
<table>
    <tr>
        <td>
            <a href="aboutelement">
                <strong>Li</strong><br>
                <span class="atomicnumber">3</span><br>
                <em>Lithium</em><br>
                <span class="atomicweight">6.939</span>
            </a>
        </td>
    </tr>
</table>

于 2018-06-02T23:02:33.417 回答