在ASP.NET中，为你的DataGrid添加背景图片来美化页面

最新推荐文章于 2021-05-07 14:17:18 发布

原创最新推荐文章于 2021-05-07 14:17:18 发布 · 931 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#datagrid #asp.net #header #css #url

ASP特效专栏收录该内容

1 篇文章

订阅专栏

本文介绍了一种使用CSS为DataGrid设置背景图片的方法。通过定义特定的CSS样式并将其应用于DataGrid的Header和Pager部分，可以轻松实现背景图片的自定义。此外，此方法也可应用于Item和Footer等其他部分。

可以为DataGrid添加背景图片，通过CSS来实现。

实现方法1.首先添加CSS：
<style>
.DGTitleBG {
BACKGROUND-IMAGE: url(images/20041113_001.jpg); HEIGHT: 25px
}
.DGPagerBG {
BACKGROUND-IMAGE: url(images/20041113_002.jpg); HEIGHT: 20px
}
</style>
2.然后设置DataGrid的属性（Header和Pager的CssClass）：
<HeaderStyle Font-Bold="True" HorizontalAlign="Center" CssClass="DGTitleBG"></HeaderStyle>
<PagerStyle HorizontalAlign="Right" Mode="NumericPages" CssClass="DGPagerBG"></PagerStyle>

说明：
上面的例子对DataGrid的Header和Pager进行了设置，你还可以对Item,Footer等进行类似的设置。