OA系统中常用table样式列表

.table{width:100%;border-collapse:collapse;  
border-spacing:0;  }
.table th{border:1px #d2d2d2 solid;height:20px;line-height:20px;}
.table td{border:1px #d2d2d2 solid;padding:5px 8px;}
.table tr:nth-child(odd){background:#f8f8f8;}
.table tr:hover{background:#f9f9f9;}
.table td a{color:#19a97b;margin:0 5px;cursor:pointer;}
.table td .inner_btn{background:#F9F;color:white;padding:5px 8px;border-radius:2px;}
.table td .inner_btn:hover{background:#ffa4ff;color:#f8f8f8;}
.table td .cut_title{width:265px;}


调用方法:给table表加上class="table" 样式就行了

效果如下图:

OA系统中常用table样式列表_第1张图片

你可能感兴趣的:(div+css系列文摘)