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;}
就好了；
下面的背景色同理
这行代码的缘故，你给这行代码加一个background-color:#999999;这个层的背景颜色应该就有了，你的边框没有颜色是因为你这行代码中的border-left和border-right只设置了1px solid而没有设置颜色属性！你把他改成border-left:1px solid #999999; border-right:1px solid #999999;试试，应该就可以了。时间不多就写这么多吧，希望可以帮到你~
.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;}
CSS中div背景与边框 颜色设置无效
你太粗心了，color1 .box_1的样式前少写了一个点。.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, .c...
CSS中div背景与边框 颜色设置无效
color1 .box_1改成 .color1 .box_1 少了个类选择符。
div的边框宽度和边框颜色设置无效
div{width:313px; height:235px; border:1px solid #b8dcff;} 把边框样式也指定一下,默认值是none
如何设置div的背景色?我的这段css没有作用?
8.FF: 链接加边框和背景色,需设置 display: block, 同时设置 float: left 保证不换行。参照 menubar, 给 a 和 menubar 设置高度是为了避免底边显示错位, 若不设 height, 可以在 menubar 中插入一个空格。9.在mozilla firefox和IE中的BOX模型解释不一致导致相差2px解决方法: div注意这两个margin的顺序一定不能...
这段代码是改变背景颜色和div边框的颜色的,那里错误了?现在无法改变背 ...
<style type="text\/css"> \/*默认的div边框样式*\/ border1{width:100%;height:200px;border:1px solid #258;border-top:5px solid #258;} border2{width:100%;height:200px;border:1px solid #0a1;border-top:5px solid #0a1;margin-top:50px;} <\/style> <script type="text\/javascript...
div背景颜色不起作用
应该是标签的优先级问题。。。而且你设置body 然后又在里面包含div 偶一般都是直接设置最外面的div的 属性。。。那个body 偶都没管。。。偶介个学的不好。。。错了不要P我。。来学习一下
DIV+CSS中复选框的背景颜色不显示,但是边框显示,为什么?
首先，我们需要把checkbox的透明度设置为0： opacity: 0; 然后我们需要用到span，作为checkbox的选中状态显示。接着span一个背景icon，然后根据icon的分辨率尺寸大小设置背景图片的一些属性，关键是它: background-position-y: 20px;，目的是：当checkbox 未选中的时候，让背景图片挪到一个我们看不见的地方...
HTML在CSS中设置背景后,无法设置表格背景颜色
table{border-collapse:collapse; \/*合并表格相邻边框*\/}table, tr, td { border:1px solid red;\/*边框红色*\/ background:green; \/*背景绿色*\/ }你的bgcolor属性是HTML标签吧，CSS里应该没有
css无法设置div的背景图片
div要设置高度和宽度，背景图片的路径要正确！如果你把CSS放在单独的文件夹里那内联的CSS背景图片的路径和CSS引用图片的路径肯定是不一样的
css如何设置div边框css设置div边框颜色
css设置div只显示一边的边框。css常用于网页设计中设计各种边框样式和颜色等。有时一个P只需要显示一个边框，所以你可以使用下面的一些方法。1.CSS边框宽度属性 边框宽度是显示边框的一个重要属性。用法如下:边框宽度:右上下左 参数描述:Top:Topborder属性，可以设置像素或样式，即上边框的宽度。Right:...
