第三十六讲:互动论坛制作(四、使用层叠样式表(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,设置交叉行的属性。