CSS中div背景与边框 颜色设置无效
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了CSS中div背景与边框 颜色设置无效相关的知识，希望对你有一定的参考价值。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns=" http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title> 无标题文档</title>
<style>
/*通用样式--容器宽度值*/
.box width:302px; height:110px; margin:0 auto;
.box_1 width:300px; height:100px;border-left:1px solid; border-right:1px solid; overflow:hidden;
.box_1 div padding:10px;
/*上下圆角代码*/
.b1 , .b2 , .b3 , .b4 , .b5 , .b6 , .b7 , .b8 height:1px; font-size:1px; display:block; overflow:hidden;
.b1 , .b8 margin:0 5px;
.b2 , .b7 margin:0 3px; border-left:2px solid; border-right:2px solid;
.b3 , .b6 margin:0 2px; border-left:1px solid; border-right:1px solid;
.b4 , .b5 margin:0 1px; border-left:1px solid; border-right:1px solid; height:2px;
/*控制圆角颜色 就这里出问题，不能控制中间的div颜色(box_1)*/
.color1 .b2, .color1 .b3, .color1 .b4, .color1 .b5, .color1 .b6, .color1 .b7 , color1 .box_1 border-color:#00CC33;
.color1 .b1, .color1 .b8 background-color:#00CC33;
.color1 .b2, .color1 .b3, .color1 .b4, .color1 .b5, .color1 .b6, .color1 .b7 , color1 .box_1 background-color:#CCCCCC;
</style>
</head>
<body>
<div class="box color1">
<b class="b1"> </b> <b class="b2"> </b> <b class="b3"> </b> <b class="b4"> </b>
<div class="box_1">
<div>fdafjdsjfladjs</div>
</div>
<b class="b5"> </b> <b class="b6"> </b> <b class="b7"> </b> <b class="b8"> </b>
</div>
</body>
</html>
这里是源代码，其中box_1是包含在中间的div，但是通过设置颜色时无效，浏览时，<div class="box_1">这个颜色为黑色，背景为白色，css根本没有控制到。。。
请问高手是什么原因？
.color1 .b2, .color1 .b3, .color1 .b4, .color1 .b5, .color1 .b6, .color1 .b7 , color1 .box_1 border-color:#00CC33;
将其改为：
.color1 .b2, .color1 .b3, .color1 .b4, .color1 .b5, .color1 .b6, .color1 .b7 , .color1 .box_1 border-color:#00CC33;
就好了；
下面的背景色同理 参考技术A 主要是：.box_1 width:300px; height:100px;border-left:1px solid; border-right:1px solid; overflow:hidden;
这行代码的缘故，你给这行代码加一个background-color:#999999;这个层的背景颜色应该就有了，你的边框没有颜色是因为你这行代码中的border-left和border-right只设置了1px solid而没有设置颜色属性！你把他改成border-left:1px solid #999999; border-right:1px solid #999999;试试，应该就可以了。时间不多就写这么多吧，希望可以帮到你~ 参考技术B 这两个地方是不是有问题？.color1
.b2,
.color1
.b3,
.color1
.b4,
.color1
.b5,
.color1
.b6,
.color1
.b7
,
color1
.box_1
border-color:#00CC33;
.color1
.b2,
.color1
.b3,
.color1
.b4,
.color1
.b5,
.color1
.b6,
.color1
.b7
,
color1
.box_1
background-color:#CCCCCC; 参考技术C 你根本也没为.box1设置背景色呀，你上哪去要求控制它呢？
div的边框宽度和边框颜色设置无效
这是我的css：
divwidth:313px; height:235px; border:1px; border-color:#b8dcff
把边框样式也指定一下,默认值是none 参考技术A 有这样设计的吗！！应该是<div id="name"></div> css: #namewidth:313px; height:235px; border:1px; border-color:#b8dcff 参考技术B 你在style设定里面有设置吧？
如果有设置的话，可能就导致你个别地方无效了吧。追问
已经解决了，谢谢你的帮助！！！！
以上是关于CSS中div背景与边框 颜色设置无效的主要内容，如果未能解决你的问题，请参考以下文章