DataPager 페이지 나누기 스타일(css)

 <asp:DataPager ID="DataPager1" runat="server" PagedControlID="LV" PageSize="20">

                <Fields>

                    <asp:NextPreviousPagerField ShowFirstPageButton="True" ShowNextPageButton="False"

                        ShowPreviousPageButton="False" FirstPageText="&lt;&lt;" 

                        LastPageText="  " />

                    <asp:NumericPagerField ButtonCount="5" CurrentPageLabelCssClass="current" />

                    <asp:NextPreviousPagerField ShowLastPageButton="True" ShowNextPageButton="False"

                        ShowPreviousPageButton="False" FirstPageText="  " 

                        LastPageText="&gt;&gt;" />

                </Fields>

            </asp:DataPager>

 
Paged ControlID = "LV"는 asp:ListView ID = "LV"에 해당합니다.
current.css

/*      */

     

span#ContentPlaceHolder1_DataPager1 a.aspNetDisabled

{

    border: 1px solid #382a4a;

    padding: 2px 5px;

    margin: 2px;

    color: #4c3766;

    text-decoration: none;

}



span#ContentPlaceHolder1_DataPager2 a.aspNetDisabled

{

    border: 1px solid #382a4a;

    padding: 2px 5px;

    margin: 2px;

    color: #4c3766;

    text-decoration: none;

}



span#ContentPlaceHolder1_DataPager3 a.aspNetDisabled

{

    border: 1px solid #382a4a;

    padding: 2px 5px;

    margin: 2px;

    color: #4c3766;

    text-decoration: none;

}



#ContentPlaceHolder1_DataPager1 a

{

    border: 1px solid #563f83;

    padding: 2px 5px;

    margin: 2px;

    color: #9966FF;

    text-decoration: none;

}



#ContentPlaceHolder1_DataPager2 a

{

    border: 1px solid #563f83;

    padding: 2px 5px;

    margin: 2px;

    color: #9966FF;

    text-decoration: none;

}



#ContentPlaceHolder1_DataPager3 a

{

    border: 1px solid #563f83;

    padding: 2px 5px;

    margin: 2px;

    color: #9966FF;

    text-decoration: none;

}



#ContentPlaceHolder1_DataPager1 a:hover

{

    border: 1px solid #9966FF;

}



#ContentPlaceHolder1_DataPager2 a:hover

{

    border: 1px solid #9966FF;

}



#ContentPlaceHolder1_DataPager3 a:hover

{

    border: 1px solid #9966FF;

}



.current

{

    border: 1px solid #9933FF;

    padding: 2px 5px 2px 5px;

    font-weight: bold;

    color: #fff;

    background-color: #CC66FF;

}