我在有背景图片的web表单页面上使用asp:Table。我想解决的问题是:我放在table上的标题几乎是不可读的,因为它与背景融合太多。我已经尝试过直接设置ForeColor=“白色”以及css containing(color:white)。这些只对表格的内容有影响,而不对标题有影响。我所做的所有搜索只谈论表内容或标题-这不是我关心的。有希望吗?
4smxwvx51#
在几乎所有这样的情况下,人们都可以应用样式表。所以,说这个标记:
<style> .MyTable {background-color:lightsteelblue} .MyTable caption { background-color:steelblue; color:white } </style> <asp:Table ID="Table1" runat="server" CssClass="MyTable table" Width="40%" Caption="Test Caption" GridLines="Both" > <asp:TableRow> <asp:TableCell> Row 0, Col 0 </asp:TableCell> <asp:TableCell> Row 0, Col 1 </asp:TableCell> </asp:TableRow> <asp:TableRow> <asp:TableCell> Row 1, Col 0 </asp:TableCell> <asp:TableCell> Row 1, Col 1 </asp:TableCell> </asp:TableRow> </asp:Table>
字符串结果是这样的:
的数据因此,使用一个风格的背景,和“标题”背景可以做到以上。当然,由于我在本例中设置了标题区域的背景色,因此也设置了字体颜色。我应该注意到第二个类“table”是引导表类,我发现它们在间隔表方面做得非常好。如果我删除 Bootstrap “表”类。例如:
CssClass="MyTable table"
型仅限于我们班,如:
CssClass="MyTable"
型然后表格就变成了这样:
的因此,我经常建议添加“table”类,因为它将使表具有响应性,并且在间隔方面也做得很好。但是,这样做需要您设置宽度,因为当您添加 Bootstrap “table”类时,表将扩展到100%宽度。
1条答案
按热度按时间4smxwvx51#
在几乎所有这样的情况下,人们都可以应用样式表。
所以,说这个标记:
字符串
结果是这样的:
的数据
因此,使用一个风格的背景,和“标题”背景可以做到以上。当然,由于我在本例中设置了标题区域的背景色,因此也设置了字体颜色。
我应该注意到第二个类“table”是引导表类,我发现它们在间隔表方面做得非常好。
如果我删除 Bootstrap “表”类。
例如:
型
仅限于我们班,如:
型
然后表格就变成了这样:
的
因此,我经常建议添加“table”类,因为它将使表具有响应性,并且在间隔方面也做得很好。但是,这样做需要您设置宽度,因为当您添加 Bootstrap “table”类时,表将扩展到100%宽度。