使用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>