捕鱼大奖赛话费是真的么

書名： ASP.NET開發技巧精講
作者名：黃鳴
本章字數： 400字
更新時間： 2019-01-02 02:28:58

2.4 外觀美化

默認的樣式實在太過時了，好在GridView為我們提供了豐富的內置樣式。將Visual Studio 2010切換回“設計”模式，如圖2-3、圖2-4所示。

圖2-3 “設計”模式和“源”模式的切換

圖2-4 “設計”模式下的GridView

這個時候把鼠標移到GridView右側，出現一個向右的三角形箭頭，這是快捷按鈕，單擊該按鈕出現“GridView任務”窗口，如圖2-5、圖2-6所示。

圖2-5 GridView快捷按鈕

圖2-6 “GridView任務”窗口

單擊“自動套用格式”鏈接，彈出“自動套用格式”對話框，里面有許多樣式可供選擇，這里選擇“雪松”，如圖2-7所示。

圖2-7 “自動套用格式”對話框

此時在瀏覽器中刷新，再看GridView外觀發生了什么變化，如圖2-8所示。

圖2-8 在IE中設置樣式后的效果

感覺字體有點大，這時可以在GridView上單擊鼠標右鍵，彈出“屬性”菜單，在Font下的Size中設置字體大小為12px，再次刷新瀏覽器，效果如圖2-9所示。

這時的報表字號就是最常見的網頁字號大小，整個頁面也顯得好看很多。再次切換到“源”模式，發現系統為我們加了許多代碼。

        <asp:GridViewID="GridView1"runat="server"BackColor="White"BorderColor="#C
    CCCCC"
        BorderStyle="None"BorderWidth="1px"CellPadding="3"Font-Size="12px">
        <FooterStyleBackColor="White"ForeColor="#000066"/>
        <RowStyleForeColor="#000066"/>
        <PagerStyleBackColor="White"ForeColor="#000066"HorizontalAlign="Left"/>
        <SelectedRowStyleBackColor="#669999"Font-Bold="True"ForeColor="White"/>
        <HeaderStyleBackColor="#006699"Font-Bold="True"ForeColor="White"/>
        </asp:GridView>

圖2-9 在IE中設置字號為12px的效果

官术网_书友最值得收藏!

ASP.NET開發技巧精講

2.4 外觀美化