div区域的色彩没显示出来
日期：2014-05-16 浏览次数：20626 次
div区域的颜色没显示出来
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>
<body>
<div id="div_1">
div区域一
</div>
<div id="div_2">
div区域二
</div>
<div id="div_3">
div区域三
</div>
<div id="div_4">
div区域四
</div>
<style type="text/css">
div{
border:green 1px solid;
height:160px;
width:290px;
margin:100px 100px 10px 20px;
padding:00px 0px 0px 00px;
}
div.div_1{
background-color:#00FF00;
}
div_2{
background-color:#33FF99;
}
div_3{
background-color:#FFFF00;
}
div_4{
background-color:#99FFCC;
}
</style>
</body>
</html>
这里div_1,div_2,div_3,div_4这几个区域内的颜色没显示出来，这是怎么回事呢？
------解决方案--------------------
你应该写
#div_2{background-color:#99FFCC;}
id选择器使用
#id值进行标识
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>
<body>
<div id="div_1">
div区域一
</div>
<div id="div_2">
div区域二
</div>
<div id="div_3">
div区域三
</div>
<div id="div_4">
div区域四
</div>
<style type="text/css">
div{
border:green 1px solid;
height:160px;
width:290px;
margin:100px 100px 10px 20px;
padding:00px 0px 0px 00px;
}
div.div_1{
background-color:#00FF00;
}
div_2{
background-color:#33FF99;
}
div_3{
background-color:#FFFF00;
}
div_4{
background-color:#99FFCC;
}
</style>
</body>
</html>
这里div_1,div_2,div_3,div_4这几个区域内的颜色没显示出来，这是怎么回事呢？
HTML
文档
------解决方案--------------------
你应该写
#div_2{background-color:#99FFCC;}
id选择器使用
#id值进行标识
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
