最新的Web開發教程

×

JavaScript 參考

JavaScript

JS 字符串 JS 數 JS 運算符 JS 聲明 JS 數學 JS 日期 JS 排列 JS 布爾 JS 正則表達式 JS 全局 JS 轉變

瀏覽器 BOM

Window Navigator Screen History Location

HTML DOM

DOM 文件 DOM 分子 DOM 屬性 DOM 事件 DOM 樣式

HTML 對象

<a> <abbr> <address> <area> <article> <aside> <audio> <b> <base> <bdo> <blockquote> <body> <br> <button> <canvas> <caption> <cite> <code> <col> <colgroup> <datalist> <dd> <del> <details> <dfn> <dialog> <div> <dl> <dt> <em> <embed> <fieldset> <figcaption> <figure> <footer> <form> <head> <header> <h1> - <h6> <hr> <html> <i> <iframe> <img> <ins> <input> button <input> checkbox <input> color <input> date <input> datetime <input> datetime-local <input> email <input> file <input> hidden <input> image <input> month <input> number <input> password <input> radio <input> range <input> reset <input> search <input> submit <input> text <input> time <input> url <input> week <kbd> <keygen> <label> <legend> <li> <link> <map> <mark> <menu> <menuitem> <meta> <meter> <nav> <object> <ol> <optgroup> <option> <output> <p> <param> <pre> <progress> <q> <s> <samp> <script> <section> <select> <small> <source> <span> <strong> <style> <sub> <summary> <sup> <table> <td> <th> <tr> <textarea> <time> <title> <track> <u> <ul> <var> <video>

其他對象

CSSStyleDeclaration

Style backgroundColor Property

例

設置文檔的背景色：

document.body.style.backgroundColor = "red";

更多"Try it Yourself"下面的例子。

定義和用法

backgroundColor屬性集或返回元素的背景顏色。

瀏覽器支持

在表中的數字規定，完全支持該財產瀏覽器版本。

屬性
backgroundColor	1.0	4	1.0	1.0	3.5

句法

返回backgroundColor屬性：

object .style.backgroundColor

設置backgroundColor屬性：

object .style.backgroundColor=" 屬性值

值	描述
color	指定背景顏色。看看CSS顏色值可能的顏色值的完整列表
transparent	默認。背景顏色由透明(underlying content will shine through)
initial	將此屬性設置為默認值。閱讀關於初始
inherit	繼承其父元素此屬性。閱讀關於繼承

技術細節

默認值：	透明
返回值：	一個字符串，表示背景顏色
CSS版本	CSS1

更多示例

例

設置的特定的背景顏色<div>元素：

document.getElementById("myDiv").style.backgroundColor = "lightblue";

例

返回一個特定的背景顏色<div>元素：

alert(document.getElementById("myDiv").style.backgroundColor);

例

返回文檔的背景色：

alert(document.body.style.backgroundColor);

相關頁面

CSS教程： CSS背景

CSS參考： background-color property

HTML DOM參考： background property