ASP.NET動態網站開發培訓-36.互動論壇製作（四、使用層疊樣式表（CSS）美化介面）

人生不再重來發表於2014-11-21
ASP.NET網站CSS
第三十六講：互動論壇製作（四、使用層疊樣式表（CSS）美化介面）
課程安排：
在頁面檔案中引入CSS檔案
給GridView控制元件設定樣式
給GridView控制元件的行設定樣式
給GridView控制元件的交叉行設定樣式


在頁面檔案中引入CSS檔案
在<head>部分加入<link href="style.css" rel="stylesheet" type="text/css" />


在繼承母版的內容頁中要引入CSS，應把程式碼加入到母版頁的<head>中
技巧：也可以直接選中css檔案拖到要引入的頁中。


給GridView控制元件設定樣式
GridView控制元件嚴格意義上是table，設定table樣式時，GridView會發生變化。例如設定th,tr,td等會發生變化。
也可以選中GridView，在屬性工具欄中，設定CssClass，設定為要引用的Css中定義的類名。


給GridView控制元件的行設定樣式
選中GridView-屬性工具欄—樣式中的RowStyle屬性進行設定


給GridView控制元件的交叉行設定樣式
選中GridView—屬性工具欄-樣式中的AlternatingRowStyle，設定交叉行的屬性。

相關文章