惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

Stack Overflow Blog
Stack Overflow Blog
J
Java Code Geeks
Last Week in AI
Last Week in AI
人人都是产品经理
人人都是产品经理
博客园 - 【当耐特】
钛媒体:引领未来商业与生活新知
钛媒体:引领未来商业与生活新知
C
Check Point Blog
月光博客
月光博客
腾讯CDC
Engineering at Meta
Engineering at Meta
博客园 - Franky
Vercel News
Vercel News
D
Docker
OSCHINA 社区最新新闻
OSCHINA 社区最新新闻
F
Fortinet All Blogs
Microsoft Security Blog
Microsoft Security Blog
奇客Solidot–传递最新科技情报
奇客Solidot–传递最新科技情报
雷峰网
雷峰网
Google DeepMind News
Google DeepMind News
Martin Fowler
Martin Fowler
GbyAI
GbyAI
B
Blog
Hugging Face - Blog
Hugging Face - Blog
T
Tailwind CSS Blog

博客园 - CsharpFish

Sql2005 PIVOT运算符的操作 Lodop使用之WEB套打程序开发 jquery插件treeTable Asp.net 后台添加CSS、JS、Meta标签的写法 DataGridView拖动换行 CodeSmith----SchemaExplorer类结构详细介绍 - CsharpFish - 博客园 js request 应用举例 背景图片随窗口拉伸 WebBrowser网页局部打印 - CsharpFish - 博客园 js日期控件-梅花雨 利用VML生成柱状图和饼图 js操作Table绑定DataSet 小小个人消费管理系统(已完善) GridView分页用户自定义控件 DbType与OleDbType 添加修改后返回刷新查询页面 asp.net页面传值(transfer Context.Handler) JavaScript验证控件并阻止表单提交 GridView自定义分页存储过程
GridViev皮肤(Skin&CSS)
CsharpFish · 2008-06-30 · via 博客园 - CsharpFish

    以前美工做的少现在没有美工了一切都得靠自己了,做了一个GridView的皮肤特意放上来以备不时之需。
    Skin:    

<%--
默认的外观模板。以下外观仅作为示例提供。

1. 命名的控件外观。SkinId 的定义应唯一,因为在同一主题中不允许一个控件类型有重复的 SkinId。

<asp:GridView runat="server" SkinId="gridviewSkin" BackColor="White" >

   
<AlternatingRowStyle BackColor="Blue" />
</asp:GridView>

2. 默认外观。未定义 SkinId。在同一主题中每个控件类型只允许有一个默认的控件外观。

<asp:Image runat="server" ImageUrl="~/images/image1.jpg" />
 
--
%>

<asp:GridView runat="server" SkinId="Default" CssClass="GridFrame"  CellPadding="0" CellSpacing="0" AutoGenerateColumns="False">

<RowStyle CssClass="GridItem" />

<EditRowStyle CssClass="GridEdit" />

<SelectedRowStyle CssClass="GridHeader" />

<PagerStyle CssClass="GridItem" />

<HeaderStyle CssClass="GridHeader" />

<FooterStyle CssClass="GridFooter" />

<AlternatingRowStyle CssClass="GridAlter" />

</asp:GridView>


    CSS:

.GridFrame
{
    margin-top
: 5px;
    border-collapse
: collapse;
    border-right
: #7c9ccf 1px solid;
    border-top
: #7c9ccf 1px solid;
    border-left
: #7c9ccf 1px solid;
    border-bottom
: #7c9ccf 1px solid;
}

.GridItem td ,.GridAlter td
{
    border-right
: #999999 1px solid;
    border-top
: #999999 1px solid;
    border-left
: #999999 1px solid;
    border-bottom
: #999999 1px solid;
}

.GridItem
{
    font-family
: arial;
    font-size
: 9pt;
    background
: #f1f1f1;
    padding
: 0px 4px 0px 4px;
    height
: 14px;
}


.GridEdit
{
    font-family
: arial;
    font-size
: 9pt;
    background
: #ffffff;
    padding
: 0px 4px 0px 4px;
    height
: 14px;
}


.GridHeader
{
    font
: bold ;
    font-family
: 宋体;
    font-size
: 9pt;
    background
: #8caae7;
    border-bottom
: #7c9ccf 1px solid;
    border-top
: #7c9ccf 1px solid;
    color
: #ffffff;
    text-align
:center;
    height
:18px;
}

.GridHeader th
{
    font
: bold ;
    font-family
: 宋体;
    font-size
: 9pt;
    background
: #8caae7;
    border-bottom
: #7c9ccf 1px solid;
    border-top
: #7c9ccf 1px solid;
    color
: #ffffff;
    text-align
:center;
}


.GridAlter
{
    font-family
: arial;
    font-size
: 9pt;
    background
: #f1f1f1;
    padding
: 0px 4px 0px 4px;
    height
: 14px;
}