表格样式

1、
/*.mainright table{ width:100%; border:1px solid #dddddd; line-height:27px; border-radius: 10px;
background-color:#fff; margin-top:15px;}
.mainright table th,.mainright table td{ border-bottom:1px solid #ddd;}
.mainright table th{ text-align:center; color:#53a4c6;}
.mainright table td{ text-align:center;}
.datalist tr.altrow{background-color:#f6f6f6; }
.mainright table tfoot{ line-height:40px;}

.mainright table .on{ background-color:#e5f4ff; cursor: pointer;}*/

2、

table{ margin:0 auto; width:99%;background-color:#FFF;}
table,table td{ border:1px solid #CCC; border-collapse:collapse; }
table th{ border:1px solid #0066cc; border-collapse:collapse; }
table td,table th{ line-height:18px; padding:5px 0; word-break:break-all;} /* 行距缩小，增加上下边距 */
table thead th{ background: #0099cc url(../img/tabletitlebj.png) bottom repeat-x; text-align:center; color:#FFF;}
table tbody td{ padding:0 5px;}
table tfoot td{ background-color:#eee;}
table tfoot td div{float:left;}

 

<style><!--
.content {
background-color: #8BF;
margin: 5px;
padding: 5px;
width: 98%;
color: magenta;
font-size: 16px;
font-weight: 600;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
}
.content span {
padding: 3px;
border: 0px;
background-color: #FC9;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
}
--></style>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p class="content"><span>一、新闻客户端布局代码</span></p>