div设置背景色
Ⅰ html div 背景颜色无显示
乍一看:从你的代码中看确实没有啥问题,那我觉得你把这个html文件通过浏览器重新打开一下,看看是不是打开错了文件呢。而且这种行内样式级别很高,也不存在被其他样式覆盖。
其实:你这个错误也是很多人喜欢犯错误的地方,就是细节没注意到,比如单词写错了,标签没有写结束标签等等。
你把背景的单词写成了backgroud,其实是background。
<div style=“background: red”></div>
Ⅱ 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>
Ⅲ 怎么设置div背景色透明,只设背景色
div
默认的背景色就是透明的,所以如果你设定了背景色的话只需把background-color属性去掉就行了
Ⅳ DIV标签如何设置背景色
<divclass="bg"></div>
<style>
.bg{
background-color:red/*此处更换为所需的颜色代码*/
}
</style>
Ⅳ div可以同时设置背景图片和背景颜色吗
当然可以同时设置,只是同时设置显示上存在这两种情况:
1、当图片版的长、宽权跟div的长、宽一致(或大于div的)时,我们最终看到div背景是图片(之所以说是最终看到,是因为在页面加载时,我们先看到的div背景是颜色,等加载完了之后,图片位于颜色之上,因为长宽相同,图片覆盖颜色,最终呈现出来)
2、当图片的长、宽跟div的长、宽不一致(小于div的)时,我们最终看到div背景是既有图片又有颜色,图片范围外div范围内显示的是颜色
Ⅵ 怎么设置div的背景色
呃,直接设就行啊。
方法一:css内:专
.coldiv{background:#000000;或者background-color:#000000;}
方法二属:html内:
<div style="background:#000000;或者background-color:#000000;">
Ⅶ 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>
Ⅷ DIV层背景颜色自动变色
<title>无标题文档</title>
<script type="text/javascript">
window.onload=setInterval("changecolor()",1000);
function changecolor()
{
var color = parseInt(Math.random()*9999999).toString(16); //取随机颜色6位16进制!
var dc=document.getElementById("div1");
if(color.length==6)
{color=color;}
else
{
color="ff"+color;
color=color.substr(0,6);
}
dc.style.background=color;
}
</script>
</head>
<body>
<div id="div1" style="width:300px;,height:300px;" >颜色随机</div>
</body>
Ⅸ 怎么用选择器设置div的背景色
functionsetclass(){
varodiv=document.getElementById("div4");
odiv.style.background="red";
}
这样写。
你的#div4 是Id形式定义的。再定义.box class会没有效果的。
你还可以这样写:
去掉css中的#div4,改成.box1{background:blue;}
html代码:<div id="div4" class="box1"> </div>
其他js不变。
Ⅹ 在div里面怎么设置全屏背景颜色,不是在body里面添加
<div style="background-color: #000; width: 100%">网站内容全部放在这个框里,用网站内容把div撑开</div>
boby只要background-color就可以设置全屏有背景色,是因为boby表示网页的主体部分,就是你在这个页面看到的全部内容(一片空白也是),换句话说,在这个页面你能看到多宽多高,body就有多宽多高,所以body是不需要也不可以设置宽高的
但是div不一样,如果div里面没有内容,而且你也不给div设置宽高,这个div就相当于一个0x0像素的框,这个时候你只设置background-color,当然是看不到变化的