How to give our style to data pagination in list view

See more:

C#

ASP

CSS

HTML

Hi,
I am faizel and i am a beginner asp.net c#.I am using listview to display contents in my website.but default pagination style in list view doest look good in my website.Can any one tell me how to create page buttons of our own style just like page buttons in youtube.Following is the html and style for the page buttons i wish to use.

<pre lang="HTML"><div class="pagination"> <span class="disabled"><<</span><span class="current">1</span><a href="#">2</a><a href="#">3</a><a href="#">4</a><a href="#">5</a><a href="#">6</a><a href="#">7</a>…<a href="#">10</a><a href="#">11</a><a href="#">>></a> </div>

</pre>

style i want to use
<pre lang="css">div.pagination {
    padding:5px;
    margin:5px;
    text-align:center;
    float:left;
    font-size:10px;
}

div.pagination a {
    padding: 2px 5px 2px 5px;
    margin-right: 2px;
    border: 1px solid #ddd;

    text-decoration: none;
    color: #d8325d;
}
div.pagination a:hover, div.pagination a:active {
    border:1px solid #ddd;
    color: #fff;
    background-color: #d8325d;
}
div.pagination span.current {
    padding: 2px 5px 2px 5px;
    margin-right: 2px;
    border: 1px solid #ddd;
    font-weight: bold;
    background-color: #d8325d;
    color: #FFF;
}
div.pagination span.disabled {
    padding: 2px 5px 2px 5px;
    margin-right: 2px;
    border: 1px solid #ddd;
    color: #ccc;
}</pre>

thank you in advance.god bless you