如何将文本设置为白色,将bg设置为黑色?

时间:2014-02-05 05:14:56

标签: css

这就是我的尝试:

<table>
<colgroup>          
    <col width="65px" /> 
</colgroup> 
<thead> 
    <tr> 
        <th style="color: #ffffff; bgcolor="#DCDCDC">TAPE</th> 
    </tr>
</thead>    
</table>

但它显示白色的bg。 我想要的是黑色背景中的白色文字“TAPE”。

有人可以帮忙吗?

6 个答案:

答案 0 :(得分:2)

你需要这样做,

<th style="color:#fff;background-color:#dcdcdc">TAPE</th>

Fiddle Demo

或者您可以使用相同的代码,只有您想要做的是在代码中添加缺少的"

<th style="color: #ffffff;" bgcolor="#DCDCDC">TAPE</th>
<!--......................^.........................--> 

Fiddle Demo

答案 1 :(得分:0)

更改

  <th style="color: #ffffff; bgcolor="#DCDCDC">TAPE</th> 

  <th style="color: #ffffff; background="#DCDCDC">TAPE</th> 

您还可以使用CSS

为您的th设置所有样式

喜欢将以下内容放入<head>代码

<style>
 th{
    color: #ffffff; 
    background="#DCDCDC"
 }
 </style>

或将它们放在外部文件中并将它们链接到页面,使用CSS可以避免重复样式,并且是一种更清晰的设计方法。

答案 2 :(得分:0)

                                    ______________________No need of double quotes
                                   |   
<th style="color: #ffffff; bgcolor="#DCDCDC">TAPE</th> 
                                  |____________________you can't use =

有效:

<th style='color: #ffffff; background:#DCDCDC'>TAPE</th> 
                                     |______________ replaced with :

无需双引号

答案 3 :(得分:0)

使用bgcolor外部样式,它不是CSS属性。

    <!DOCTYPE html>
    <html>
     <body bgcolor="#DCDCDC" style="color:white;">
      <h1>Hello world!</h1>
     </body>
    </html>

答案 4 :(得分:0)

试试这个...... 只需用下面的“th”代替。

<th style="color:white; background:black;">TAPE</th> 

答案 5 :(得分:-1)

<table>
<colgroup>          
    <col width="65px" /> 
</colgroup> 
<thead> 
    <tr> 
        <th style="color: #fff; background-color=#000>TAPE</th> 
            </tr>
    </thead>    
</table>