|
<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="false" CssClass="GridViewStyle"> <RowStyle CssClass="GridViewRowStyle" />
<PagerStyle CssClass="GridViewPagerStyle" />
<HeaderStyle CssClass="GridViewHeaderStyle" /> </asp:GridView> css: <style type="text/css"> .GridViewStyle { border-right: 2px solid #387067; border-bottom: 2px solid #387067; border-left: 1px solid #387067; border-top: 1px solid #387067; padding: 4px;
} .GridViewStyle a { color: #FFFFFF; } .GridViewHeaderStyle th { border-left: 1px solid #387067; border-right: 1px solid #387067; } .GridViewHeaderStyle { background-color: #58b2a9; font-weight: bold; color: White; } .GridViewFooterStyle { background-color: #58b2a9; font-weight: bold; color: White; } .GridViewRowStyle { background-color: #ffffff; color: #333333; } /* .GridViewAlternatingRowStyle { background-color: #FFFFFF; color: #284775; } .GridViewRowStyle td, .GridViewAlternatingRowStyle td { border: 1px solid #EBE9ED; } .GridViewSelectedRowStyle { background-color: #E2DED6; font-weight: bold; color: #333333; } .GridViewPagerStyle { background-color: #284775; color: #FFFFFF; } */ .GridViewPagerStyle table /**//* to center the paging links*/ { margin: 0 auto 0 auto; } .GridViewRowStyle td { BORDER-BOTTOM: 1px solid #387067; BORDER-TOP: 1px solid #387067; BORDER-LEFT: 1px solid #387067; BORDER-RIGHT: 1px solid #387067;
font-size:12px; } </style> css2: <%@ Page Language="C#" AutoEventWireup="true" CodeFile="gridview1.aspx.cs" Inherits="gridview1" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" > <head runat="server"> <title>無標題頁</title> <style type="text/css"> .GridViewStyle { border-right: 0px solid #A7A6AA; border-bottom: 2px solid #A7A6AA; border-left: 0px solid white; border-top: 2px solid white; padding: 4px;
} .GridViewStyle a { color: #FFFFFF; } .GridViewHeaderStyle th { border-left: 1px solid #EBE9ED; border-right: 1px solid #EBE9ED; } .GridViewHeaderStyle { background-color: #5D7B9D; font-weight: bold; color: White; } .GridViewFooterStyle { background-color: #5D7B9D; font-weight: bold; color: White; } .GridViewRowStyle { background-color: #F7F6F3; color: #333333; } /* .GridViewAlternatingRowStyle { background-color: #FFFFFF; color: #284775; } .GridViewRowStyle td, .GridViewAlternatingRowStyle td { border: 1px solid #EBE9ED; } .GridViewSelectedRowStyle { background-color: #E2DED6; font-weight: bold; color: #333333; } .GridViewPagerStyle { background-color: #284775; color: #FFFFFF; } */ .GridViewPagerStyle table /**//* to center the paging links*/ { margin: 0 auto 0 auto; } .GridViewRowStyle td { BORDER-BOTTOM: 1px solid ; BORDER-TOP: 1px solid ; BORDER-LEFT: 0px solid ; BORDER-RIGHT: 0px solid ;
font-size:12px; } </style> </head> <body> <form id="form1" runat="server"> <div> <asp:GridView ID="GridView1" CssClass="GridViewStyle" runat="server" Width="100%" > <Columns> <asp:TemplateField> <HeaderTemplate> </HeaderTemplate> <ItemTemplate> <table id="mytable" rules="cols" border="0" cellspacing="0" width="100%"> <tr> <td>badwolf</td> <td>100</td> <td>010-110</td> <td>中國北京</td> </tr> </table> </ItemTemplate> <FooterTemplate>
</FooterTemplate> </asp:TemplateField> </Columns> <FooterStyle CssClass="GridViewFooterStyle" /> <RowStyle CssClass="GridViewRowStyle" />
<PagerStyle CssClass="GridViewPagerStyle" />
<HeaderStyle CssClass="GridViewHeaderStyle" /> </asp:GridView> </div> </form> </body> </html> |
GridView與css樣式
發表評論
所有評論
還沒有人評論，想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.