CSS中div背景与边框 颜色设置无效_百度知道
CSS中div背景与边框 颜色设置无效
&#47; &lt.b1: border-right.b5 :#00CC33;&b class=&quot.dtd" target="_blank">http.b6.b5; b6&EN&quot.b4;}:302&#47;b class=&&lt:2px solid.w3;b5&b&-&#47; &lt:110px.color1 :1px solid:1box color1&b& &&gt.color1 ;b class=&div class=&}, :0 5border-&*上下圆角代码*&#47;&lt:0 3;&#47, ;b&div class=&quot，&lt.color1 ;style&b&b1&&#47.org/TR/xhtml1/DTD/xhtml1-transitional, .b4.b6 .b2;这个颜色为黑色;&gt, ;html&gt.color1 , ; &lt:0 2 border-right.b8{fdafjdsjfladjs&lt:1px:2px:1px solid。.b1 ; display.b6 {&#47;&lt.b7 {b2& &head&W3C&#47.b2 .b3 ;}&#47;& &lt.color1 , .b7 ;text&#47.box_1 { background-color.b1 .b6, ，背景为白色;div&gt.b2.dtd&quot.b7 ;&lt.box_1 { border-}; &lt, color1 ;&gt，但是通过设置颜色时无效.b8 { background-};b class=&quot.b4 ;DTD XHTML 1;b4&};div&&gt.box{div&gt，其中box_1是包含在中间的div.org/TR/xhtml1/DTD/xhtml1-transitional&title&gt, ;b class=&&gt。请问高手是什么原因.color1 .b3;&#47;:#00CC33:10&lt, ; <a href=" & height.color1 .w3.0 Transitional&#47;html xmlns=& border-left
提问者采纳
.box_1的样式前少写了一个点.b5.b5, .color1 .b6.box_1 { border-color, , ;}就好了：.color1 .b7 .color1 , color1 , ，color1 :#00CC33.b3;}将其改为, .color1 , , .b2.color1 .color1 .b6:#00CC33, .color1 , , .color1 .color1 。.b3.color1 .box_1 { border-color.b4.b7 .b2.color1 .b4.color1 .color1 你太粗心了
提问者评价
呵呵。太粗心了。。。
其他类似问题
为您推荐：
其他2条回答
应该就可以了:100px主要是:1px solid:试试:1px solid #999999。时间不多就写这么多吧，你的边框没有颜色是因为你这行代码中的border-left和border-right只设置了1px solid而没有设置颜色属性;}这行代码的缘故; border-right：:#px，你给这行代码加一个background-color:1px solid #border- border- height.box_1{这个层的背景颜色应该就有了！你把他改成border-left
你根本也没为.box1设置背景色呀，你上哪去要求控制它呢？
您可能关注的推广回答者：
div的相关知识
等待您来回答
下载知道APP
随时随地咨询
出门在外也不愁当前位置 &
Div+CSS教程:制作网页中的边框虚线方法
Div+CSS教程：制作网页中的边框虚线方法
CSS边框虚线
&&& 今天通过边框属性的虚线边框border控制虚线；
&&& 以下设置的css 高度(css height)和css 宽度（css width）为350像素是为了便于观看演示；
一、四边为虚线边框
border:1px dashed #000; 黑色虚线边框
CSS代码： .webjx{border:1px dashed #000; height:50width:350px}
Html代码： &div class=&webjx&&我的四边为黑色虚线边框&/div&
这里设置边框缩写方式定义webjx选择器四边边框为1px的黑色虚线边框；
二、左边为虚线
CSS代码： .webjx-1{border-left:1px dashed #000; height:50width:350px}
Html代码： &div class=&webjx-1&&我的左边为黑色虚线边框&/div&
这里设置了左边一边为黑色虚线边框；
三、右边为虚线
CSS代码： .webjx-2{border-right:1px dashed #000;
height:50width:350px}
Html代码： &div class=&webjx-2&&我的右边为黑色虚线边框&/div&
这里设置了右边一边为黑色虚线边框
四、顶部边（上边）为虚线
CSS代码： .webjx-3{border-top:1px dashed #000; height:50width:350px}
Html代码： &div class=&webjx-3&&我的上边为黑色虚线边框&/div&
这里设置了顶边（上边线）一边为黑色虚线边框
五、底部边（下边）为虚线
CSS代码： .webjx-4{border-bottom:1px dashed #000;
height:50width:350px}
Html代码： &div class=&webjx-4&&我的下边为黑色虚线边框&/div&
这里设置了底边（下边线）一边为黑色虚线边框
六、任意一边不为虚线，其它三边为虚线情况
加入右边边框不为虚线而没有边线，其它三边为黑色虚线边框
CSS代码： .webjx-5{border:1px dashed #000;border-right:0;
height:50width:350px}
Html代码： &div class=&webjx-5&&我的右边边框无边线而其它三边为黑色
线边框实例&/div&
&&& 这里通过先设置了该对象四边为黑色1px虚线边框，紧接着又设置一边边线为0的设置，这样相当于设置了3边的边框虚线属性，但是这里注意边框属性设置前后顺序；
实例完整DIV+CSS代码如下：
&!DOCTYPE html&
&meta charset=&gb2312& /&
&title&CSS 虚线 webjx实例说明&/title&
.webjx{ border:1px dashed #000; height:50 width:350px}
.webjx-1{border-left:1px dashed #000; height:50width:350px}
.webjx-2{border-right:1px dashed #000; height:50width:350px}
.webjx-3{border-top:1px dashed #000; height:50width:350px}
.webjx-4{border-bottom:1px dashed #000; height:50width:350px}
.webjx-5{border:1px dashed #000; border-right:0;height:50width:350px}
/* 实例 */
css虚线实例实例&br&
&div class=&webjx&&我四边为虚线边框&/div&&br&
&div class=&webjx-1&&我的左边为黑色虚线边框&/div&&br&
&div class=&webjx-2&&我的右边为黑色虚线边框&/div&&br&
&div class=&webjx-3&&我的上边为黑色虚线边框&/div&&br&
&div class=&webjx-4&&我的下边为黑色虚线边框&/div&&br&
&div class=&webjx-5&&我的右边边框无边线而其它三边为黑色虚线边框实例&/div&
&&& 以上演示各种颜色的虚线边框，大家可以尝试一下哦！&
视频教程列表
文章教程搜索
输入您的搜索字词
提交搜索表单
div+css推荐教程
tel:<font color="#FF30058div+css扩展框问题浮动下降IE与Firefox兼容性03
上亿文档资料，等你来发现
div+css扩展框问题浮动下降IE与Firefox兼容性03
div+css扩展框问题浮动下降IE与Firef；IE6的BUG真让人头疼；1.图文混排，容易导致扩展框问题.；&div&&imgsrc=&q；这样排版容易导致扩展框问题.尽量定义宽高给定值：；*浮动下降问题[size=+0]加上｛float；2.IE6的双倍边距BUG：；解决办法是加上display:inline；定义页面内容显示方式的属
div+css扩展框问题浮动下降 IE与Firefox兼容性IE6 的BUG 真让人头疼。。整理一些浏览器兼容问题，以备不时之需。1.图文混排，容易导致 扩展框问题.&div&&img src=&/qz.q/images/index_1.jpg& /&扩展框问题&/div&这样排版容易导致 扩展框问题. 尽量定义宽高给定值：* 浮动下降问题[size=+0] 加上 ｛float：left；｝ 即可```2.IE6的双倍边距BUG ：解决办法是加上display:inline定义页面内容显示方式的属性有两个：display属性和visibility属性。 display属性是用来确定页面元素是否显示和显示方式。display 属性规定元素应该生成的框的类型。display属性的取值很多，我们仅将比较常用的一些做一下介绍。?none：隐藏对象，同时元素所占有的空间也被清除了。?block：定义元素为块对象。?inline：定义元素为内联对象。将对象强制作为内联对象呈递，从对 象中删除行?list-item：定义元素为列表项目。?inline-table:CSS2未支持。将表格显示为无前后换行的内联对象或 内联容器所有可视的文档对象都是块对象(block element)或者内联对象(inlineelement)。例如， div 是一个块对象。 span 是一个内联对象。块对象的特征是从新的一行开始且能包含其他块对象和内联对象。内联对象被呈递时不会从新行开始，能够包含其他内联对象和数据。改变此属性值对其周围内容布局的影响可能是：?在属性值设为 block 的对象后面添加新行。?从属性值设为 inline 的对象中删除一行。?隐藏属性值设为 none 的对象并释放其在文档中的物理空间。3.IE6下为什么图片下方有空隙产生解决这个BUG的方法也有很多，可以是改变html的排版，或者设置img 为display:block或者设置vertical-align属性为vertical-align:top | bottom |middle |text-bottom都可以解决.4.IE6下这两个层中间怎么有间隙这个IE的3PX BUG也是经常出现的，解决的办法是给.right也同样浮动 float:left 或者相对IE6定义.left5.如何对齐文本与文本输入框遇到此种问题，设置文本框的 vertical-align:middle 就可以了6.为什么FF下文本无法撑开容器的高度[size=+0] 标准浏览器中固定高度值的容器是不会象IE6里那样被撑开的,那我又想固定高度，又想能被撑开需要怎样设置呢？办法就是去掉height设置min-height:200 这里为了照顾不认识min-height的IE6 可以这样定义： {height:auto!height:200min-height:200}7.怎么样才能让层显示在FLASH之上呢解决的办法是给FLASH设置透明&param value=&/qz.q/transparent& /&或者&param value=&/qz.q/opaque& /&8.怎样使一个层垂直居中于浏览器中使用百分比绝对定位，与外补丁负值的方法，负值的大小为其自身宽度高度除以二.方法二:首先在父级元素定义text-align:这个的意思就是在父级元素内的内容居中；对于IE这样设定就已经可以了。但在mozilla中不能居中。解决办法就是在子元素定义时候设定时再加上&margin-right: margin-left: &需要说明的是，如果你想用这个方法使整个页面要居中，建议不要套在一个DIV里，你可以依次拆出多个div，只要在每个拆出的div里定义margin-right: margin-left:就可以了。{width:300margin-left:margin-right:}9.针对firefox
ie6 ie7的css样式现在大部分都是用!important来hack，对于ie6和firefox测试可以正常显示， 但是ie7对!important可以正确解释，会导致页面没按要求显示！找到一个针 对IE7不错的hack方式就是使用&*+html&，现在用IE7浏览一下，应该没有问题了。现在写一个CSS可以这样：#1 { color: #333; }* html #1 { color: #666; }*+html #1 { color: #999; }那么在firefox下字体颜色显示为#333，IE6下字体颜色显示为#666，IE7下字体颜色显示为#999。10.页面的最小宽度min-width是个非常方便的CSS命令，它可以指定元素最小也不能小于某个宽度，这样就能保证排版一直正确。但IE不认得这个，而它实际上把width当做最小宽度来使。为了让这一命令在IE上也能用，可以把一个&div& 放到 &body& 标签下，然后为div指定一个类：然后CSS这样设计：#container{min-width: 600width:expression_r(document.body.clientWidth & 600? &600px&: &auto& );} 第一个min-width是正常的；但第2行的width使用了Javascript，这只有IE才认得，这也会让你的HTML文档不太正规。它实际上通过Javascript的判断来实现最小宽度。属性选择器(这个不能算是兼容,是隐藏css的一个bug)p[id]{}div[id]{}这个对于IE6.0和IE6.0以下的版本都隐藏,FF和OPera作用属性选择器和子选择器还是有区别的,子选择器的范围从形式来说缩小了,属性选择器的范围比较大,如p[id]中,所有p标签中有id的都是同样式的.最狠的手段 - !如果实在没有办法解决一些细节问题,可以用这个方法.FF对于&!important&会自动优先解析,然而IE则会忽略.11.关于容器的包涵关系很多时候，尤其是容器内有平行布局，例如两、三个float的div时，宽度很容易出现问题。在IE中，外层的宽度会被内层更宽的div挤破。一定要用Photoshop或者Firework量取像素级的精度。1)写两句代码来控制一个属性，区别Firefox与IE：*background://这一句代码写出来时，你用Firefox浏览，会发现背景是橙色的，而IE里却是绿色的，很简单，因为Firefox不能识别*，而IE6，IE7都可以识*,标准浏览器(如Firefox,Opera,Netscape)不能识别*;。2)写两句代码来控制一个属性，区别IE7与IE6：background:green !background://这一句代码写出来时，你用IE7浏览，会发现，写了该代码的区域背景是绿色的，如果用IE6浏览，却是蓝色的，这是因为IE7能识别!important*，一但识别了，就执行，忽略了后面的那一句，但IE6却不能识别!important，所以前面部分跳过，直接执行了后半部份. 包含各类专业文献、文学作品欣赏、各类资格考试、应用写作文书、中学教育、幼儿教育、小学教育、外语学习资料、div+css扩展框问题浮动下降IE与Firefox兼容性03等内容。
　JS、IE、Firefox兼容性汇... 9页 2下载券 div+css扩展框问题浮动下... 5...同样在更改页面颜色调节功能 IE 与 Firefox 的兼容性时遇到的几个问题及解决... 　IE6/IE7/IE8/火狐 火狐解决 DIV+CSS 设计在 IE6/IE7/IE8/火狐-兼容性...div+css扩展框问题浮动下... 5页 免费 FireFox和IE浏览器对于D... 2页 免费... 　div+css 完全兼容ie6 ie7 IE8 IE9 和firefox方法...//for ie6.0-} 4 浮动 ie 产生的双倍距离 #box...10 IE 捉迷藏的问题 当 div 应用复杂的时候每个栏... 　DIV+CSS设计时IE6、IE7、FireFox 与兼容性有关的...//for ie6.0-} 4 浮动 ie 产生的双倍距离 1....应用复杂的时候每个栏中又有一些 链接,DIV 等这个... 　DIV+CSS 网页排版中 IE6,IE7,firefox 火狐浏览器兼容性写法 DIV+CSS 浏览器兼容问题一直困绕着许多从事 DIV+CSS 网页排版的美工人员,尤其是 IE 与 火狐的兼容... 　firefox,ie7,ie6兼容性问题,和css解决方案_IT/计算机_专业资料。现在我大部分...网页在某些浏览器上显示错位很多时候都是因为使用了 float 浮动而没有 真正闭合... 　div+css 兼容ie6 ie7 ie8 ie9和FireFox Chrome等...//for ie6.0-} 4 浮动 ie 产生的双倍距离 #box...10 IE 捉迷藏的问题 当 div 应用复杂的时候每个栏... 　IE火狐兼容性问题_IT/计算机_专业资料。浏览器兼容性...important 多设一 个 height 和 width CSS+DIV 的...//for ie6.0} 4 浮动 ie 产生的双倍距离 #box... 　DIV+CSS浏览器兼容性小结 9页 5财富值 FireFox和IE浏览器对于DIV... 2页 免费...网页在某些浏览器上显示错位很多时候都是因为使用了 float 浮动而没有真正闭 ...> 怎么用DIV+CSS来实现文本框的显示和隐藏
怎么用DIV+CSS来实现文本框的显示和隐藏
wuhuycit & &
发布时间： & &
浏览：5 & &
回复：1 & &
悬赏：0.0希赛币
如何用DIV+CSS来实现文本框的显示和隐藏&tr&
&td & colspan= &4 & & nowrap= &nowrap &&
&input & type= &checkbox & & id=n & name= &IS_CASH & & checked & onClick= &aa() & & value=y&
& 现金方式 &/td&
&td & nowrap= &nowrap && 财务凭证号 &/td&
&input & size=26 & TYPE= &text & & name= &CASH_VOUCHER & & id=a5&
&td & nowrap= &nowrap &&
&%if & DEBT_TYPE=0 & then%& 已提取的减值准备 &%end & if%&
&%if & DEBT_TYPE=0 & then%&
&input & size=26 & TYPE= &text & & name= &CASH_DEC_AMOUT & & &
&%end & if%&
&td & colspan= &4 & & nowrap= &nowrap &&
&input & type= &checkbox & & id=n & name= &IS_CASH & & checked & onClick= &aa() & & value=y&
& 达到方式 &/td&
---------------------------------------------------
&td & nowrap= &nowrap && 财务 &/td&
&input & size=26 & TYPE= &text & & name= &CASH & & id=a5&
&td & nowrap= &nowrap &&
&%if & DEBT_TYPE=0 & then%& 准备 &%end & if%&
&%if & DEBT_TYPE=0 & then%&
&input & size=26 & TYPE= &text & & name= &CASH_DEC & & &
&%end & if%&
有多个复选框和文本框当选中其中的复选框时相应的文本框可以输入内容,不选时不能输入内容,请大家帮忙
试试参考。
&table width= &100% & border= &1 &&
&td colspan= &4 & nowrap= &nowrap &&
&input type= &checkbox & id=n name= &IS_CASH & checked onClick= &IS_CASH_Click(this.checked) & value=y&
现金方式 &/td&
&td nowrap= &nowrap && 财务凭证号 &/td&
&input size=26 TYPE= &text & name= &CASH_VOUCHER & id=a5&
&td nowrap= &nowrap &&
&%if DEBT_TYPE=0 then%& 已提取的减值准备 &%end if%&
&%if DEBT_TYPE=0 then%&
&input size=26 TYPE= &text & name= &CASH_DEC_AMOUT & &
&%end if%&
&td colspan= &4 & nowrap= &nowrap &&
&input type= &checkbox & id=n name= &IS_CASH & checked onClick= &aa() & value=y&
达到方式 &/td&
---------------------------------------------------
&td nowrap= &nowrap && 财务 &/td&
&input size=26 TYPE= &text & name= &CASH & id=a5&
&td nowrap= &nowrap &&
&%if DEBT_TYPE=0 then%& 准备 &%end if%&
&%if DEBT_TYPE=0 then%&
&input size=26 TYPE= &text & name= &CASH_DEC & &
&%end if%&
&script language= &javascript &&
function IS_CASH_Click(checked){
alert(checked);
if (checked==true){
document.all.CASH_VOUCHER.disabled=
document.all.CASH_DEC_AMOUT.disabled=
document.all.CASH_VOUCHER.disabled=wuin183 & &
& & （0）（0）
本问题标题：
本问题地址：
温馨提示：本问题已经关闭，不能解答。
暂无合适的专家
&&&&&&&&&&&&&&&
希赛网 版权所有 & &&&&湘教QS2-164&&增值电信业务经营许可证湘B2-}