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根本没有控制到。。。请问高手是什么原因?

参考技术A color1 .box_1改成 .color1 .box_1

少了个类选择符。
参考技术B color1 .box_1 background-color:#CCCCCC;
前面少了个点
参考技术C hao 参考技术D 你看一下,应该是继承问题,有可能继承了父标签的颜色,你可以用父标签后面跟着子标签,问题就解决了!

div的边框宽度和边框颜色设置无效

这是我的css:
divwidth:313px; height:235px; border:1px; border-color:#b8dcff

divwidth:313px; height:235px; border:1px solid #b8dcff;

把边框样式也指定一下,默认值是none
参考技术A 有这样设计的吗!!应该是<div id="name"></div> css: #namewidth:313px; height:235px; border:1px; border-color:#b8dcff 参考技术B 你在style设定里面有设置吧?
如果有设置的话,可能就导致你个别地方无效了吧。追问

已经解决了,谢谢你的帮助!!!!

以上是关于CSS中div背景与边框 颜色设置无效的主要内容,如果未能解决你的问题,请参考以下文章

div的边框宽度和边框颜色设置无效

CSS如何怎么设置div边框颜色宽度和高度

CSS如何怎么设置div边框颜色宽度和高度?

DIV+CSS中复选框的背景颜色不显示,但是边框显示,为啥?

css设置div背景颜色

怎么用CSS来写DIV的内边框颜色 宽度?