我有点小问题。我正在用HTML制作化学元素的表格。我把整个表格分成了不同类型的化学元素的/groups。But....there是一些不同名称的金属,例如碱金属,但它们仍然属于金属族。所以我想把整个表格单元格做成灰色,还要在中间做一个浅绿色的条纹,看看它是碱性金属。下面是一段代码:
<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.cell的文本后面,这不会影响文本的布局和灰色的背景颜色。我可以给你这个CSS的更详细的版本,但我想你会理解我想要做什么。
发布于 2018-06-03 07:02:33
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>
https://stackoverflow.com/questions/50661186
复制相似问题