CSS background-color ÊôÐÔ
ʵÀý
body
{
background-color:yellow;
}
h1
{
background-color:#00ff00;
}
p
{
background-color:rgb(255,0,255);
}
ä¯ÀÀÆ÷Ö§³Ö
| IE | Firefox | Chrome | Safari | Opera |
|---|---|---|---|---|
ËùÓÐä¯ÀÀÆ÷¶¼Ö§³Ö background-color ÊôÐÔ¡£
×¢ÊÍ£ºÈκΰ汾µÄ Internet Explorer £¨°üÀ¨ IE8£©¶¼²»Ö§³ÖÊôÐÔÖµ "inherit"¡£
¶¨ÒåºÍÓ÷¨
background-color ÊôÐÔÉèÖÃÔªËØµÄ±³¾°ÑÕÉ«¡£
ÔªËØ±³¾°µÄ·¶Î§
background-color ÊôÐÔÎªÔªËØÉèÖÃÒ»ÖÖ´¿É«¡£ÕâÖÖÑÕÉ«»áÌî³äÔªËØµÄÄÚÈÝ¡¢Äڱ߾àºÍ±ß¿òÇøÓò£¬À©Õ¹µ½ÔªËر߿òµÄÍâ±ß½ç£¨µ«²»°üÀ¨Íâ±ß¾à£©¡£Èç¹û±ß¿òÓÐ͸Ã÷²¿·Ö£¨ÈçÐéÏ߱߿ò£©£¬»á͸¹ýÕâЩ͸Ã÷²¿·ÖÏÔʾ³ö±³¾°É«¡£
transparent Öµ
¾¡¹ÜÔÚ´ó¶àÊýÇé¿öÏ£¬Ã»ÓбØÒªÊ¹Óà transparent¡£²»¹ýÈç¹ûÄú²»Ï£ÍûÄ³ÔªËØÓµÓб³¾°É«£¬Í¬Ê±ÓÖ²»Ï£ÍûÓû§¶Ôä¯ÀÀÆ÷µÄÑÕÉ«ÉèÖÃÓ°Ïìµ½ÄúµÄÉè¼Æ£¬ÄÇôÉèÖà transparent Öµ»¹ÊÇÓбØÒªµÄ¡£
| ĬÈÏÖµ£º | transparent |
|---|---|
| ¼Ì³ÐÐÔ£º | no |
| °æ±¾£º | CSS1 |
| JavaScript Óï·¨£º | object.style.backgroundColor="#00FF00" |
¿ÉÄܵÄÖµ
| Öµ | ÃèÊö |
|---|---|
| color_name | ¹æ¶¨ÑÕɫֵΪÑÕÉ«Ãû³ÆµÄ±³¾°ÑÕÉ«£¨±ÈÈç red£©¡£ |
| hex_number | ¹æ¶¨ÑÕɫֵΪʮÁù½øÖÆÖµµÄ±³¾°ÑÕÉ«£¨±ÈÈç #ff0000£©¡£ |
| rgb_number | ¹æ¶¨ÑÕɫֵΪ rgb ´úÂëµÄ±³¾°ÑÕÉ«£¨±ÈÈç rgb(255,0,0)£©¡£ |
| transparent | ĬÈÏ¡£±³¾°ÑÕɫΪ͸Ã÷¡£ |
| inherit | ¹æ¶¨Ó¦¸Ã´Ó¸¸ÔªËؼ̳Рbackground-color ÊôÐÔµÄÉèÖᣠ|
TIY ʵÀý
- ÉèÖñ³¾°ÑÕÉ«
- ±¾ÀýÑÝʾÈçºÎÎªÔªËØÉèÖñ³¾°ÑÕÉ«¡£
- ÉèÖÃÎı¾µÄ±³¾°ÑÕÉ«
- ±¾ÀýÑÕÉ«ÈçºÎÉèÖò¿·ÖÎı¾µÄ±³¾°ÑÕÉ«¡£