`
picnic
  • 浏览: 5618 次
  • 性别: Icon_minigender_1
  • 来自: 北京
最近访客 更多访客>>
社区版块
存档分类
最新评论

bordercolordark和bordercolorlight在css中的显示

    博客分类:
  • jsp
阅读更多
 BORDERCOLORLIGHT="B4DBFA" BORDERCOLORDARK="#FFFFFF"

 一般table样式加这两个属性BORDERCOLORLIGHT="B4DBFA" BORDERCOLORDARK="#FFFFFF"会比较好看一点,但是在css中不好定义,而且这两个属性是ie独有的,在火狐上显示不出特性。

不过还是可以通过css来通过定义的。

TABLE.colorTest{   
    border-top: 1px solid #B4DBFA;    
    border-left: 1px solid #B4DBFA;    
    border-right: 0px;    
    border-bottom: 0px; 
}   
.colorTest TD {   
    border-top: 1px solid #FFFFFF;    
    border-left: 1px solid #FFFFFF;    
    border-right: 1px solid #B4DBFA;    
    border-bottom: 1px solid #B4DBFA; 
}

  

 

 

而且

CELLSPACING="0" CELLPADDING="0"

 

这两个属性也可以通过这个方法来定义

TABLE.colorTest{   
    border-collapse:collapse;
}   
.colorTest TD {   
    padding: 0;  
}

 

 

 

这是通过css中的继承关系

分享到:
评论

相关推荐

    HTML+CSS标签属性大全.docx

    `bgcolor`和`bordercolor`定义背景和边框颜色,`bordercolordark`和`bordercolorlight`定义边框的深浅色调,`cellpadding`和`cellspacing`控制单元格内边距和间距,`cols`指定列数,`frame`定义表格边框显示方式,`...

    HTML表格标记教程(6):暗边框色属性BORDERCOLORDARK

    总结来说,虽然`BORDERCOLORDARK`在HTML中可以实现特定的边框颜色效果,但为了保持代码的现代化和更好的浏览器兼容性,建议使用CSS进行样式定义。学习并掌握CSS是现代前端开发的重要技能,它能让你更加灵活地控制...

    HTML+CSS标签属性大全.pdf

    - `bordercolorlight`和`bordercolordark`分别定义边框的亮色和暗色部分。 - `cellpadding`和`cellspacing`调整单元格内边距和外边距。 - `cols`定义表格列数,`frame`和`rules`控制表格边框的显示。 7. **其他...

    20个CSS/CSS3常用样式汇总

    CSS3中还提供了`clip`和`ellipsis-word`值,分别代表裁剪文本和在单词边界处显示省略号。 3. `a{outline: none;}` 和 `img{border: 0;}`:用于消除链接(a标签)的默认虚线边框以及图片的边框。在IE6和7中,可以通过`...

    学习HTMLCSS标签属性大全.pdf

    - `<font>` 标签用于设置字体颜色和大小,但在现代网页设计中已被CSS取代。 3. **区段标记**: - `<hr>` 生成水平线,通过`size`、`width` 和 `color` 属性调整其外观。 - ` ` 实现换行,`<nobr>` 阻止自动...

    HTML+CSS标签属性大全【范本模板】.docx

    - `<table>`创建表格,`align`设置对齐方式,`background`设置背景图片,`border`定义边框宽度,`bgcolor`设定背景色,`bordercolor`、`bordercolordark`和`bordercolorlight`定义边框颜色。 - `cellpadding`和`...

    HTML+CSS标签属性大全【范本模板】.pdf

    - `bordercolor`, `bordercolordark`, `bordercolorlight`分别设置边框颜色和深浅。 - `cellpadding`和`cellspacing`分别设置单元格内部与边框的距离和单元格之间的间距。 - `cols`定义表格的列数,`rules`控制...

    HTML表格标记教程(29):单元格的亮边框色属性BORDERCOLORLIGHT

    总的来说,`bordercolorlight`属性在HTML4中用于设置单元格亮边框的颜色,尽管在HTML5中已不推荐使用,但它仍然是HTML表格标记历史的一部分,对于理解和维护旧代码有一定的帮助。为了创建现代、语义化的网页,我们...

    当td为空时怎样显示其边框

    之前总结了下如何用 css 来实现 table 的 border + bordercolordark + bordercolorlight 的边框明暗效果,然后有网友问我为什么他写了一个类似的 css 样式,但只能在 Opera 下正常看到表格的边框效果, IE 下则什么...

    HTML表格标记教程(23):行的暗边框色属性BORDERCOLORDARK

    虽然`BORDERCOLORDARK`在现代Web开发中不建议使用,但了解这个属性的历史和用途可以帮助我们理解HTML的发展历程以及如何与CSS配合来实现更复杂的样式。在实际项目中,应优先选择使用CSS进行样式控制,以确保网页的...

    网页制作培训大纲

    background-color),表格布局(table, tr, td, center, width, height, border, bordercolordark, bordercolorlight),九宫格布局,以及链接(a)、输入框(input)、按钮(button)和段落(p)、标题(h1-h4)等...

    HTML表格标记教程(30):单元格的暗边框色属性BORDERCOLORDARK

    需要注意的是,`BORDERCOLORDARK`和`Bordercolorlight`这样的属性在HTML5标准中已被废弃,现代网页开发通常推荐使用CSS来实现类似的效果。使用CSS,你可以更精细地控制表格的样式,包括边框颜色、宽度、样式等,且...

    网设计最新经典技术文档HTML语言剖析七表格标记样本.doc

    对于边框颜色,bordercolor用于设置整体边框颜色,但在IE浏览器中,bordercolorlight和bordercolordark分别定义了边框的高光和阴影颜色,但这些属性仅在IE中有效。对于非IE浏览器,可能需要使用CSS来实现类似效果。 ...

    如何用css代码实现有立体效果的表格

    此外,如果想要在CSS中重新定义样式,你可以创建一个新的类选择器,并将它应用到表格元素上。例如: ```html .custom-table { border-color: #739ed6 #FFeeee; /* 其他相关样式 */ } <!-- ... --> ``` ...

    网页设计:如何设计细线条的表格.pdf

    其次,第二种方法利用了表格的暗边框(bordercolordark)和亮边框(bordercolorlight)属性。这种方法可以解决内容为空时的“掉线”问题,同时允许使用cellpadding。但需要注意的是,这种方法通常需要预先设定表格的...

    常用HTML代码速查表.doc

    20. `bordercolor`, `bordercolorlight`, `bordercolordark`:分别设置边框颜色、亮边颜色和暗边颜色,现代CSS中使用`border-color`替代。 21. `bottom`:垂直对齐方式,例如在`valign`属性中设置。 22. `<CENTER>...

    网设计最新经典技术文档HTML语言剖析七表格标记模板.doc

    - `bordercolorlight`和`bordercolordark`:在IE浏览器中,用于设置边框的高光和阴影颜色,但会影响`bordercolor`的效果。 - `cols`:预设表格的列数。 2. `<TR>`:表示表格的一行,通常包含多个`<TD>`或`<TH>`...

Global site tag (gtag.js) - Google Analytics