div背景色
Ⅰ div可以同時設置背景圖片和背景顏色嗎
當然可以同時設置，只是同時設置顯示上存在這兩種情況：
1、當圖片版的長、寬權跟div的長、寬一致（或大於div的）時，我們最終看到div背景是圖片（之所以說是最終看到，是因為在頁面載入時，我們先看到的div背景是顏色，等載入完了之後，圖片位於顏色之上，因為長寬相同，圖片覆蓋顏色，最終呈現出來）
2、當圖片的長、寬跟div的長、寬不一致（小於div的）時，我們最終看到div背景是既有圖片又有顏色，圖片范圍外div范圍內顯示的是顏色
Ⅱ html div 背景顏色無顯示
乍一看：從你的代碼中看確實沒有啥問題，那我覺得你把這個html文件通過瀏覽器重新打開一下，看看是不是打開錯了文件呢。而且這種行內樣式級別很高，也不存在被其他樣式覆蓋。
其實：你這個錯誤也是很多人喜歡犯錯誤的地方，就是細節沒注意到，比如單詞寫錯了，標簽沒有寫結束標簽等等。
你把背景的單詞寫成了backgroud，其實是background。
<div style=「background: red」></div>
Ⅲ 怎麼用JS動態更改DIV層的背景色
需要准備的材料分別有：電腦、html編輯器、瀏覽器。
1、首先，打開html編輯器，新建專html文件，例如：index.html，填寫問屬題基礎代碼。
Ⅳ 怎麼設置div的背景色
呃，直接設就行啊。
方法一：css內：專
.coldiv{background:#000000;或者background-color:#000000;}
方法二屬：html內：
<div style="background:#000000;或者background-color:#000000;">
Ⅳ div背景顏色怎樣漸變 css實現div層背景顏色漸變代碼
CSS3 漸變（gradients）可以讓你在兩個或多個指定的顏色之間顯示平穩的過渡。
CSS3 定義了兩種類型的漸變（gradients）：線性漸變（Linear Gradients）- 向下/向上/向左/向右/對角方向與徑向漸變（Radial Gradients）- 由它們的中心定義
線性漸變：
3.1、從上到下的線性漸變：
#grad {
background: -webkit-linear-gradient(red, blue); /* Safari 5.1 - 6.0 */
background: -o-linear-gradient(red, blue); /* Opera 11.1 - 12.0 */
background: -moz-linear-gradient(red, blue); /* Firefox 3.6 - 15 */
background: linear-gradient(red, blue); /* 標準的語法 */
}
3.2、從左到右的線性漸變：
#grad {
background: -webkit-linear-gradient(left, red , blue); /* Safari 5.1 - 6.0 */
background: -o-linear-gradient(right, red, blue); /* Opera 11.1 - 12.0 */
background: -moz-linear-gradient(right, red, blue); /* Firefox 3.6 - 15 */
background: linear-gradient(to right, red , blue); /* 標準的語法 */
}
3.3、線性漸變 - 對角：
#grad {
background: -webkit-linear-gradient(left top, red , blue); /* Safari 5.1 - 6.0 */
background: -o-linear-gradient(bottom right, red, blue); /* Opera 11.1 - 12.0 */
background: -moz-linear-gradient(bottom right, red, blue); /* Firefox 3.6 - 15 */
background: linear-gradient(to bottom right, red , blue); /* 標準的語法 */
}
4.徑向漸變：
4.1、顏色結點均勻分布的徑向漸變：
#grad {
background: -webkit-radial-gradient(red, green, blue); /* Safari 5.1 - 6.0 */
background: -o-radial-gradient(red, green, blue); /* Opera 11.6 - 12.0 */
background: -moz-radial-gradient(red, green, blue); /* Firefox 3.6 - 15 */
background: radial-gradient(red, green, blue); /* 標準的語法 */
}
4.2、顏色結點不均勻分布的徑向漸變：：
#grad {
background: -webkit-radial-gradient(red 5%, green 15%, blue 60%); /* Safari 5.1 - 6.0 */
background: -o-radial-gradient(red 5%, green 15%, blue 60%); /* Opera 11.6 - 12.0 */
background: -moz-radial-gradient(red 5%, green 15%, blue 60%); /* Firefox 3.6 - 15 */
background: radial-gradient(red 5%, green 15%, blue 60%); /* 標準的語法 */
}
4.3、形狀為圓形的徑向漸變：
#grad {
background: -webkit-radial-gradient(circle, red, yellow, green); /* Safari 5.1 - 6.0 */
background: -o-radial-gradient(circle, red, yellow, green); /* Opera 11.6 - 12.0 */
background: -moz-radial-gradient(circle, red, yellow, green); /* Firefox 3.6 - 15 */
background: radial-gradient(circle, red, yellow, green); /* 標準的語法 */
}
5：望採納
Ⅵ DIV標簽如何設置背景色
<divclass="bg"></div>
<style>
.bg{
background-color:red/*此處更換為所需的顏色代碼*/
}
</style>
Ⅶ jquery 動態更改 div 背景色
用jquery如何實現點擊一欄目實現欄目變色，再點擊另一欄目也變色，但原來的變回原色，有個數組a（1,2,3）循環遍歷輸出a的值。jquery 動態更改 div 背景色代碼如下:
<head>
<script type="text/javascript" src="/js/jQuery.js"></script>
<script type="text/javascript">
$(".test").onclick = function(){
$(this).css({"background": "red"});
};
</script>
</head>
<body>
<div class="test"
style="background-color: gray; width: 300px; height: 200px;"></div>
</body>
</html>$(".test").onclick = function(){
$(this).css({"background": "red"});
};
改為：
$(".test").click = function(){
$(this).css({"background-color": "red"});
};
(7)div背景色擴展閱讀:
jQuery是一個快速、簡潔的JavaScript框架，是繼Prototype之後又一個優秀的JavaScript代碼庫（或JavaScript框架）。jQuery設計的宗旨是「write Less，Do More」，即倡導寫更少的代碼，做更多的事情。它封裝JavaScript常用的功能代碼，提供一種簡便的JavaScript設計模式，優化HTML文檔操作、事件處理、動畫設計和Ajax交互。
2. jQuery的核心特性可以總結為：具有獨特的鏈式語法和短小清晰的多功能介面；具有高效靈活的css選擇器，並且可對CSS選擇器進行擴展；擁有便捷的插件擴展機制和豐富的插件。jQuery兼容各種主流瀏覽器，如IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+等。
3.jquery所有的事件綁定都沒有on這個關鍵字。另外，jquery的事件綁定需要放到readyfunction中去。具體來說:
<head>
<script type="text/javascript" src="/js/jQuery.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$(".test").click(function() {
$(this).css({"background-color": "red"});
});
});
</script>
</head>
<body>
<div class="test"
style="background-color: gray; width: 300px; height: 200px;"></div>
</body>
</html>
Ⅷ jQuery改變div背景顏色
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="http://libs..com/jquery/2.1.4/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("div").css("background-color","red");
});
</script>
<title>練習測試</title>
</head>
<body>
<div>風信息和台風路徑,可及時准確地提供台風的實時信息、預報信...</div>
<div>風信息和台風路徑,可及時准確地提供台風的實時信息、預報信...</div>
<div>風信息和台風路徑,可及時准確地提供台風的實時信息、預報信...</div>
<div>風信息和台風路徑,可及時准確地提供台風的實時信息、預報信...</div>
<div>風信息和台風路徑,可及時准確地提供台風的實時信息、預報信...</div>
<div>風信息和台風路徑,可及時准確地提供台風的實時信息、預報信...</div>
<div>風信息和台風路徑,可及時准確地提供台風的實時信息、預報信...</div>
<div>風信息和台風路徑,可及時准確地提供台風的實時信息、預報信...</div>
</body>
</html>
Ⅸ CSS如何定義DIV背景半透明顏色
「長城郭靖」回答的是錯的，他答的是讓整個元素半透明
只讓背景半透明只有一專個辦法，就是用rgba顏色屬，代碼如下
background:rgba(0,0,0,0.5)
解釋：這是黑色半透明的代碼
前三個值表示顏色的red,green,blue值
最後一個表示alpha值，就是透明度值，不透明為1
（支持IE8+以及所有現代瀏覽器）
還是不懂的話，可以參考 網路 「rgba」詞條 和 「CSS 顏色值」詞條
Ⅹ div+css背景顏色不顯示
那是因為前面的樣式沒有清除的原因，你只要家一行代碼就可以了，在你使用了float屬性的時候，為了不影響下面的樣式，記得要clear:both一下：
如下：
<div id="div1" style="width:670px; background:#ff0000;">
<div id="div2" style="width:330px; float:left">1111</div>
<div id="div3" style="width:330px; float:right">2222</div>
<div id="div4" style="clear:both;"></div>
</div>