我希望table
的特定单元格的背景颜色为浅黄色(即透明黄色),我使用属性'rgba'
。
我甚至删除了整个分区的背景,以保持颜色的透明度。但它只是将黑色显示为背景。
<div id="top">
<table height="60px" width="1030px">
<tr>
<th bgcolor="rgba(222,215,11,0.3)"><u><a href="forum.php" class="class2">Forum</a></u></th>
<th><u><a href="quest.php"class="class2">My Questions</a></u></th>
<th><u><a href="answers.php"class="class2">My Answers</a></u></th>
</tr>
</table>
</div>
答案 0 :(得分:1)
使用正确的css样式:background-color
<div id="top">
<table height="60px" width="1030px">
<tr>
<th style="background-color: rgba(222,215,11,0.3)"><u><a href="forum.php" class="class2">Forum</a></u></th>
<th><u><a href="quest.php"class="class2">My Questions</a></u></th>
<th><u><a href="answers.php"class="class2">My Answers</a></u></th>
</tr>
</table>
</div>
答案 1 :(得分:1)
<body bgcolor="color_name|hex_number|rgb_number">
HTML5不支持bgcolor属性。请改用CSS。
点击此处 bgcolor
但您应该使用background-color
属性
background-color: color|transparent|initial|inherit;
可以用CSS th { background-color:rgba(222,215,11,0.3) }
或内联CSS <th style="background-color:rgba(222,215,11,0.3)"></th>
此处有更多信息 background-color
我还建议您不要使用<u>
标记,尤其是<a>
标记,默认情况下加下划线。
该元素在HTML 4.01中已弃用。 (该元素用于定义带下划线的文本)。
该元素在HTML5中重新定义,用于表示与正常文本风格不同的文本,例如拼写错误的单词或中文专有名词。
就像bgcolor
一样,我建议您使用text-decoration:underline
而不是<u>
来使用CSS或内联CSS
在此处阅读更多 HTML < u > Tag
你的答案。请参阅下面的代码段。干杯;)
<div id="top">
<table height="60px" width="1030px">
<tr>
<th style="background-color:rgba(222,215,11,0.3)"><a href="forum.php" class="class2">Forum</a></th>
<th><a href="quest.php"class="class2">My Questions</a></th>
<th><a href="answers.php"class="class2">My Answers</a></th>
</tr>
</table>
</div>
&#13;
答案 2 :(得分:0)
BGColor
。此外,bgcolor
不适用于rgba
值。
使用CSS样式background-color
代替bgcolor
。
<div id="top">
<table height="60px" width="1030px">
<tr>
<th style="background-color: rgba(222,215,11,0.3)"><u><a href="forum.php" class="class2">Forum</a></u></th>
<th><u><a href="quest.php"class="class2">My Questions</a></u></th>
<th><u><a href="answers.php"class="class2">My Answers</a></u></th>
</tr>
</table>
</div>
&#13;
答案 3 :(得分:0)
您可以使用style
代替bgcolor
<div id="top">
<table height="60px" width="1030px">
<tr>
<th style="background:rgba(222,215,11,0.3)"><u><a href="forum.php" class="class2">Forum</a></u></th>
<th><u><a href="quest.php"class="class2">My Questions</a></u></th>
<th><u><a href="answers.php"class="class2">My Answers</a></u></th>
</tr>
</table>
</div>
答案 4 :(得分:0)
你应该使用#color coding。
请你在下面试试。
<div id="top">
<table height="60px" width="1030px">
<tr>
<th bgcolor="#FFFFE0"><u><a href="forum.php" class="class2">Forum</a></u></th>
<th><u><a href="quest.php"class="class2">My Questions</a></u></th>
<th><u><a href="answers.php"class="class2">My Answers</a></u></th>
</tr>
</table>
</div>
答案 5 :(得分:0)
你应该尝试内联css。
<div id="top">
<table height="60px" width="1030px">
<tr>
<th style="background-color: #ffff99 "><u><a href="forum.php" class="class2">Forum</a></u></th>
<th><u><a href="quest.php"class="class2">My Questions</a></u></th>
<th><u><a href="answers.php"class="class2">My Answers</a></u></th>
</tr>
</table>
</div>