如何使整个表格背景具有某种颜色?

时间:2019-07-18 19:04:59

标签: html css html-table

我不是任何形式的开发人员,所以这可能是非常基础的,而我的市场营销教育没有涵盖它。但是我正在设置一个网页,我正在做的是尝试使表格成为某种颜色的RGBA(25,25,150,0.4)。当我尝试应用现有内容时,文本的高亮部分是我想要的颜色,但是整个表格保持相同的阴影。 Here's the result

我已经尝试过将rgba移到几个位置,包括在跨度之前甚至是td style =“,但是所有错误的内容都会显示颜色

            <h4><span style="vertical-align: middle; font-family: &quot;Segoe UI&quot;; font-size: 18px; color: rgb(219, 229, 241);">&nbsp;UNIMPORTANT TEXT</span></h4>
            </td>
        </tr>
        <tr>
            <td style="width: 45.2256%; text-align: left; vertical-align: top;">
            <pre><span style="background-color: rgba(23, 23, 150, 0.4);" class="contentText">& IMPORTANT TEXT </span></pre>```

所以基本上我有一个浅灰色背景的盒子。我现在正在做的只是将颜色应用于文本的突出显示部分,我希望将其应用于浅灰色背景所在的背景。

3 个答案:

答案 0 :(得分:0)

用其他东西代替rgb(219,229,241)。您可以说红色,绿色,蓝色,橙色等。也可以使用CSS颜色选择器,并使用十六进制的#2c2c2c

答案 1 :(得分:0)

已更新

<div style="background-color: rgba(23, 23, 150, 0.4);">
     <h4><span style="vertical-align: middle; font-size: 18px; color: rgb(219, 229, 241);">&nbsp;UNIMPORTANT TEXT</span></h4>
     <table>
				<tr>
					<td style="width: 45.2256%; text-align: left; vertical-align: top;">
						<pre><span class="contentText">& IMPORTANT TEXT </span></pre>
					</td>
				</tr>
			</table>      
</div>
			

答案 2 :(得分:0)

您可以将背景颜色样式放入<td>元素中:

<td style="background-color: rgba(23, 23, 150, 0.4);width: 45.2256%; text-align: left; vertical-align: top;">
    <pre><span style="" class="contentText">& IMPORTANT TEXT </span></pre>
</td>