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>