使用css 控制GridView显示出来的数据

交替行的问题

交替行一般是设置背景颜色变化，有以下步骤：

1、定义交替行的css样式 .AlternatingRowStyle{ background: #f8f8f8; }

 2、应用该样式 在下面增加一行，引入css样式

GirdView显示表格的控制问题

与一般的表格控制一样,连接css文件即可，无需在GridView里边定义

table { border-collapse:collapse; /* 关键属性：合并表格内外边框(其实表格边框有2px，外面1px，里面还有1px哦) */

border:solid #f3f9ff; /* 设置边框属性；样式(solid=实线)、颜色(#999=灰) */

border-width:1px 0 0 1px; /* 设置边框状粗细：上 右 下 左 = 对应：1px 0 0 1px */

color:#375b91; }

 table caption {font-size:14px;font-weight:bolder;}

table td {border:solid #f3f9ff;border-width:0 1px 1px 0;padding:2px;}

table tr.altrow{ background: red; }

tfoot td {text-align:center;}

table th {border:solid #f3f9ff;border-width:0 1px 1px 0;padding:2px;background-color:#f3f9ff}

DIV的控制

#box{

border:1px solid #d9e6f0;

 padding-bottom: 5px; }

在使用时, <div id="box">就可以了！

#box h3{

background:#f3f9ff; border-bottom:1px solid #d9e6f0; color:#375b91; padding:5px; font-size:14px; text-align: left; }

 使用时与上面的box结合使用，来形成网站上常见的分类框。 如<h3>数据</h3>