-
本版专家分：5结帖率 95.56% -
例如gridview在客户端呈现为table，所以可以在css中定义table的样式来改变gridview的呈现，还有linkbutton对应的是hyperlink、panel对应div等等，这些控件能否使用所有的css样式？还是某些css样式无效？谁给给比较完整的对应列表和注意事项什么的，给链接也可以。
![]()
-
版主本版专家分：219742
-
- 名人 2013年 荣获名人称号
-
- 状元 2012年 总版技术专家分年内排行榜第一
-
-
进士
2013年 总版技术专家分年内排行榜第七
2011年 总版技术专家分年内排行榜第五
2009年 总版技术专家分年内排行榜第九
-
- 金牌 2012年11月 总版技术专家分月排行榜第一
-
-
本版专家分：1809 -
如果控件本身定义了某些CSS样式，基于CSS就近原则来说，定义的样式应该会比你的CSS优先，除非他提供了属性给你修改。
Web工具箱中的控件类别那么多，你在用到的时候去html页面看看不就好了么。。。
-
本版专家分：15672 -
GridView CSS 样式表 （蓝色朴素）
<style type="text/css">
.GridViewStyle
{
border-right: 2px solid #A7A6AA;
border-bottom: 2px solid #A7A6AA;
border-left: 2px 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
{
margin: 0 auto 0 auto;
}
</style>
<asp:GridView ID="gv1" runat="server" CssClass="GridViewStyle">
<FooterStyle CssClass="GridViewFooterStyle"/>
<RowStyle CssClass="GridViewRowStyle"/>
<SelectedRowStyle CssClass="GridViewSelectedRowStyle"/>
<PagerStyle CssClass="GridViewPagerStyle"/>
<AlternatingRowStyle CssClass="GridViewAlternatingRowStyle"/>
<HeaderStyle CssClass="GridViewHeaderStyle"/>
</asp:GridView>
-
本版专家分：15672
-
http://www.cnblogs.com/peak-weng/articles/1043098.html
http://www.wiseowl.co.uk/blog/s262/css-tables.htm
另一个：
GridViewStyle
{
border-right: 2px solid white;
border-bottom: 2px solid white;
border-left: 2px solid white;
border-top: 2px solid white;
padding: 18px;
width:500px;
font-size:15px;
}
.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
{
border: 1px solid #EBE9ED;
}
.GridViewSelectedRowStyle
{
background-color: #E2DED6;
font-weight: bold;
color: #333333;
}
.GridViewPagerStyle
{
background-color:#5D7B9D;
color: #FFFFFF;
}
.GridViewPagerStyle table
{
margin: 0 auto 0 auto;
}
li.gobackMain a
{
color:Blue;
}
以下为使用示例: 关键部分
<asp:GridView ID="GridView1" runat="server" onpageindexchanging="GridView1_PageIndexChanging" CssClass="GridViewStyle">
<FooterStyle CssClass="GridViewFooterStyle" />
<RowStyle CssClass="GridViewRowStyle" />
<SelectedRowStyle CssClass="GridViewSelectedRowStyle" />
<PagerStyle CssClass="GridViewPagerStyle" />
<AlternatingRowStyle CssClass="GridViewAlternatingRowStyle" />
<HeaderStyle CssClass="GridViewHeaderStyle" />
<Columns>
<asp:BoundField DataField="文件名" HeaderText="文件名" />
<asp:TemplateField HeaderText="下载路径">
<AlternatingItemTemplate>
<a href='<%#eval_r("路径") %>'>下载</a>
</AlternatingItemTemplate>
<ItemTemplate>
<a href='<%#eval_r("路径") %>'>下载</a>
</ItemTemplate>
</asp:TemplateField>
</Columns>
<EmptyDataTemplate>
提示：当前没有任何记录
</EmptyDataTemplate>
</asp:GridView>
-
本版专家分：8587
-
- 蓝花 2016年12月 Oracle大版内专家分月排行榜第三
-
-
同意！![]()
