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 ʵÀý
- ÉèÖñ³¾°ÑÕÉ«
- ±¾ÀýÑÝʾÈçºÎÎªÔªËØÉèÖñ³¾°ÑÕÉ«¡£
- ÉèÖÃÎı¾µÄ±³¾°ÑÕÉ«
- ±¾ÀýÑÕÉ«ÈçºÎÉèÖò¿·ÖÎı¾µÄ±³¾°ÑÕÉ«¡£