html - 如何使 HTML 表格部分透明？

Question

如果我有一个如下所示的 HTML 表格:

<table bgcolor="#151515" height="100" width="200">
<tr>
<td>
Hello
</td>
</tr>
</table>

如何让它部分透明？有没有不用 CSS 的方法？如果不是，CSS 方式是什么？

Answer 1

你可以在你的 html 文件中试试这个:

<table class='table1'>
<tr><td>...

这在你的 css 文件中:

.table1 {
background: rgba(255,255,255,0.5);
}

这设置了 rgba RED GREEN BLUE ALPHA 值，255,255,255 = 白色，0,0,0 = 黑色，末尾的 0.5 值 (ALPHA) 介于 0 和 1 之间，其中 1 是不透明的，0 是透明的。我希望这会有所帮助。

在您的情况下，#151515(十六进制代码)转换为 (21, 21, 21, 0.5) (RGBA)，其中 A 等于 50% 透明。