如何在表单元格中的文本下制作特定宽度的条纹
如何在表单元格中的文本下制作特定宽度的条纹
提问于 2018-06-03 05:08:34
我有点小问题。我正在用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的更详细的版本，但我想你会理解我想要做什么。
回答 1
Stack Overflow用户
发布于 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>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/50661186
复制相关文章
相似问题