c#html表格样式大全,table完美css样式,table的基本样式,table样式

c#html表格样式大全,table完美css样式,table的基本样式,table样式table完美css样式,table的基本样式,table样式>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>蕃薯耀2016年6月15日09:04:…

table完美css样式,table的基本样式,table样式

>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>

蕃薯耀 2016年6月15日 09:04:26 星期三

http://fanshuyao.iteye.com/

一、table的css样式

边框线不会重复叠加,不会有些粗有些细,全部统一。

/*table start*/

table.default-table{

/* -moz-border-radius: 5px;

-webkit-border-radius:5px;

border-radius:5px; */

width: 100%;

border:solid #333;

border-width:1px 0px 0px 1px;

font-size: #333;

border-collapse: collapse;

border-spacing: 0;

}

table.default-table tbody tr{

height: 20px;

line-height: 20px;

}

table.default-table tbody tr.odd{

background-color: #fff;

}

table.default-table tbody tr.even{

background-color: #F5F5F5;

}

table.default-table tbody tr:hover{

background-color: #eee;

}

table.default-table tbody tr th,table.default-table tbody tr td{

padding:3px 5px;

text-align: left;

/* border: 1px solid #ddd; */

border:solid #333;

border-width:0px 1px 1px 0px;

}

table.default-table tbody tr th{

font-weight: bold;

text-align: center;

}

table.default-table tbody tr td.tac{

text-align: center;

}

table.default-table tbody tr td a:hover{

color:#0080c0;

}

/*table end*/

二、使用方法

序号 产品名称 规格 数量 单位
1 这是标题这是标题这是标题这是标题这是标题这是标题 AAA 6

三、Demo展示

fb78711435aedde38c06e09ca6a9e4b4.png

>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>

蕃薯耀 2016年6月15日 09:04:26 星期三

http://fanshuyao.iteye.com/

今天的文章c#html表格样式大全,table完美css样式,table的基本样式,table样式分享到此就结束了,感谢您的阅读,如果确实帮到您,您可以动动手指转发给其他人。

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
如需转载请保留出处:https://bianchenghao.cn/33868.html

(0)
编程小号编程小号

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注