CSS代替bordercolorlight与bordercolordark
2009年08月25日 星期二 15:41
我们可以使用
bordercolorlight
与
bordercolordark
来设置
Table
的边框,使之变得漂亮;
1、
bordercolorlight
与
bordercolordark
的用法(
这种用法只限于
IE
)
<
table
cellspacing
="0"
bordercolordark
='#D3D8E0'
bordercolorlight
='#4F7FC9'
cellpadding
="5"
border
="1"
width
="80%">
<
tr
>
<
td
style
="
background-color
:#e3efff
;">
第一行
e3efff
</
td
>
</
tr
>
<
tr
>
<
td
style
="
background-color
:#f5f9ff
;">
第二行
f5f9ff
</
td
>
</
tr
>
</
table
>
2、
通过
css
设置边框属性达到同样的效果
<
style
type
="text/css">
TABLE.colorTest
{
border-top
: 1px
solid
#4F7FC9
;
border-left
: 1px
solid
#4F7FC9
;
border-right
: 0px
;
border-bottom
: 0px
;
}
.colorTest
TD
{
border-top
: 1px
solid
#D3D8E0
;
border-left
: 1px
solid
#D3D8E0
;
border-right
: 1px
solid
#4F7FC9
;
border-bottom
: 1px
solid
#4F7FC9
;
}
</
style
>
Table
可以使用上面定义的样式达到同样的效果,而且是多浏览器中;
<
table
class
="colorTest"
cellpadding
="1"
cellspacing
="0"
border
="1px"
width
="80%"
border
="1">
<
tbody
>
<
tr
bgcolor
="#e3efff">
<
td
>
第一行
</
td
>
</
tr
>
<
tr
bgcolor
="#f5f9ff">
<
td
>
第二行
</
td
>
</
tr
>
</
tbody
>
</
table
>
|
分享到:
相关推荐
我只知道可以在表格中加入如下代码: bordercolorlight= “#739ed6 ” bordercolordark= “#FFeeee ” 使表格变为立体的。但是想用css规定表格形式,应该如何写才能实现这个效果呢? 1.代码如下: 复制代码代码如下...
<TD Bordercolorlight=color_VALUE> 语法解释 定义颜色的时候,可以使用英文颜色名称或十六进制颜色值表现。 文件范例:10-27.htm 设定单元格亮边框的颜色。01 <!– —————————— –>02 <!– 文件范例...
<TABLE Bordercolorlight=color_VALUE> 语法解释 定义颜色的时候,可以使用英文颜色名称或十六进制颜色值表现。 文件范例:10-5.htm 设定表格亮边框的颜色。01 <!– —————————— –>02 <!– 文件范例...
之前总结了下如何用 css 来实现 table 的 border + bordercolordark + bordercolorlight 的边框明暗效果,然后有网友问我为什么他写了一个类似的 css 样式,但只能在 Opera 下正常看到表格的边框效果, IE 下则什么...
<table border="1" cellpadding="0" cellspacing="0" width="369" height="35" bordercolor="#000000" bordercolorlight="#000000" bordercolordark="#FFFFFF"> <p align="center">=== ("title")%> === ...
Colspan:列合并 Frame:四周边框 Rules:单元格间边框 Border:边框宽度 Cellspacing:单元格间距 Cellpadding:文字与单元格的距离 Align:水平对齐 Valign:垂直对齐 ...Bordercolordark:暗边框颜色
<TH Bordercolorlight=color_VALUE> 语法解释 定义颜色的时候,可以使用英文颜色名称或十六进制颜色值表现。 文件范例:10-37.htm 设定表头亮边框的颜色。01 <!– —————————— –>02 <!– 文件范例...
StringBuilder Content = new StringBuilder(); Content.Append("Dear ... <table cellspacing="0" width='100%' bordercolordark="white" cellpadding="0" align="center" bordercolorlight="#cccccc" border="1">
基本属性有:width(宽度)、height(高度)、border(边框值)、cellspacing(表格的内宽,即表格与tr之间的间隔)、 cellpadding(表格内元素的间隔,即tr与tr之间的间隔)、bordercolorlight(表格的亮边框颜色)...
<table border="0" cellspacing="0" width="100%" bordercolorlight="#0A5092" bordercolordark="#FFFFFF" cellpadding="5"> <tr> <td width="81%"><a href=changshi_show.asp?id=76 target="_blank"> 关于...
在行中,可以单独定义亮边框色。基本语法语法解释定义颜色的时候,可以使用英文颜色名称或十六进制颜色值表现。文件范例:10-20.htm设定行亮边框的颜色。01 <!-- ------------------------------ --&g
html部分: 代码如下: ”0″ borderColorDark=”#ffffff” cellPadding=”3″ width=”460″ align=”left” borderColorLight=”#000000″ border=”1″> ”#cccccc”> ”center” width=”180″>所有地区</b> ”...
bordercolorlight="#FFB468" bordercolordark="#FFFFFF" bgcolor="#FFB468"> <td width="100%"><div align="center"><center><p>购物车 </center></div> align="center">...
<table border="1" align="center" cellpadding="0" cellspacing="0" bgcolor="#e3f1d1" bordercolorlight="#C0C0C0" bordercolordark="#FFFFFF" width=938> 版块名称 <td width="719"><input type="text" name...
'-------------------------------------------------------------------- ' Microsoft ADO ' ...' ' ' ' ADO constants include file for VBScript ' '------------------------------------------------------------...