GridView CSS样式

最新推荐文章于 2021-08-04 09:27:18 发布

letisgoto

最新推荐文章于 2021-08-04 09:27:18 发布

阅读量2.6k

点赞数 3

文章标签： css server border xhtml table asp

本文链接：https://blog.youkuaiyun.com/zhoubohua/article/details/3127328

版权

<%@ 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>