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 ʵÀý

ÉèÖñ³¾°ÑÕÉ«
±¾ÀýÑÝʾÈçºÎÎªÔªËØÉèÖñ³¾°ÑÕÉ«¡£
ÉèÖÃÎı¾µÄ±³¾°ÑÕÉ«
±¾ÀýÑÕÉ«ÈçºÎÉèÖò¿·ÖÎı¾µÄ±³¾°ÑÕÉ«¡£

Ïà¹ØÒ³Ãæ

CSS ½Ì³Ì£ºCSS ±³¾°

HTML DOM ²Î¿¼Êֲ᣺backgroundColor ÊôÐÔ

VUE