CSS里的颜色简写

 

CSS 里颜色值可以用#FFFFFF的方式表示, 对于rrggbb格式的颜色值可以用#rgb格式的简写表示.

样式表会自动把不够6位的颜色值按 rgb=rrggbb的方式扩展成6位颜色值

比如

#FFFFFF = #FFF

#00000 = #000

#336699 = #369

 

 

某天, 我写了如下代码:
  <table bgcolor='#369'>
  <tr><td>1234234</td></tr>
  </table>

显示的背景色并不是我想要的#336699! 颜色的简写不起作用!

 

但下面的代码却可以正常显示:

  <style>
  .t
  {
 background-color: #369;
  }
  </style>

  <table class=t>
  <tr><td>1234234</td></tr>
  </table>

 

原来, 颜色的简写只适用于CSS, 千万别搞混了, HTML可不支持颜色简写! HTML只会照原样把颜色值转换成数值,所以 #369 != #336699 ,而会显示为黑色.