.net中用css控制GridView样式

1. .GridViewStyle
2. {   
3.     border-right: 2px solid #A7A6AA;
4.     border-bottom: 2px solid #A7A6AA;
5.     border-left: 2px solid white;
6.     border-top: 2px solid white;
7.     padding: 4px;
8. }
10. .GridViewStyle a
11. {
12.     color: #FFFFFF;
13. }
15. .GridViewHeaderStyle th
16. {
17.     border-left: 1px solid #EBE9ED;
18.     border-right: 1px solid #EBE9ED;
19. }
21. .GridViewHeaderStyle
22. {
23.     background-color: #5D7B9D;
24.     font-weight: bold;
25.     color: White;
26. }
28. .GridViewFooterStyle
29. {
30.     background-color: #5D7B9D;
31.     font-weight: bold;
32.     color: White;
33. }
35. .GridViewRowStyle
36. {
37.     background-color: #F7F6F3;
38.     color: #333333;
39. }
41. .GridViewAlternatingRowStyle
42. {
43.     background-color: #FFFFFF;
44.     color: #284775;
45. }
47. .GridViewRowStyle td, .GridViewAlternatingRowStyle td
48. {
49.     border: 1px solid #EBE9ED;
50. }
52. .GridViewSelectedRowStyle
53. {
54.     background-color: #E2DED6;
55.     font-weight: bold;
56.     color: #333333;
57. }
59. .GridViewPagerStyle
60. {
61.     background-color: #284775;
62.     color: #FFFFFF;
63. }
65. .GridViewPagerStyle table /* to center the paging links*/
66. {
67.     margin: 0 auto 0 auto;
68. }
70. -----------------------------------------------------
71. Atributos de estilo no Gridview
72. ----------------------------------------------------
74. <asp:GridView CssClass="GridViewStyle" runat="server" >
75.     <FooterStyle CssClass="GridViewFooterStyle" />
76.     <RowStyle CssClass="GridViewRowStyle" />   
77.     <SelectedRowStyle CssClass="GridViewSelectedRowStyle" />
78.     <PagerStyle CssClass="GridViewPagerStyle" />
79.     <AlternatingRowStyle CssClass="GridViewAlternatingRowStyle" />
80.     <HeaderStyle CssClass="GridViewHeaderStyle" />
81. </asp:GridView>
83. ---------------------------------------------------
84. Referência ao arquivo de estilo a ser colocada na tag HEADER
85. ----------------------------------------------------
87. <link href="estilos.css" type="text/css" rel="Stylesheet" rev="Stylesheet" />
89. --------------------------------------------------------
91. 先给你个.css 文件 你保存 在页面引用
93. BODY
94. {    
95. color: #000000;
96. FONT-FAMILY:  "Verdana", "Arial", "Helvetica", "sans-serif";
97. line-height: 125%;
98.     margin-bottom:0px;
99.     margin-left:0px;
100.     margin-right:0px;
101.     margin-top:0px;        
102.     font-size: 9pt;
103. background-color:White;
104.     font-size:9pt;
105.     text-align:center; 
106.     height:100%;
107. }
109. A.sort
110. {
111.     FONT-SIZE: 10.2pt;
112.     COLOR: white;
113.     TEXT-DECORATION: none
114. }
116. A:link
117. {
118. font-size: 9pt;
119. color: #006699;
120. line-height: 15pt;
121. font-family: 宋体;
122. text-decoration: underline;
123. }
125. A:visited
126. {
127.     FONT-SIZE: 9pt;
128.     COLOR: #006699;
129.     LINE-HEIGHT: 15pt;
130.     FONT-FAMILY: 宋体;
131.     TEXT-DECORATION: underline; 
132. ｝