CSS Pagination Tutorial | Coding Tag
×

CSS Pagination

3327

CSS Pagination used for lots of pages on the website. It's very important for Dynamic websites, Search Engines.

It's very important to give the limitation for searches on a single page.

Example:

<!DOCTYPE html>
<html>
<head>
<title> CSS Pagination </title>

<style type="text/css">
ul {display:inline-block; list-style:none; }
ul li{float:left; padding:10px; text-decoration:none;}
ul li a{text-decoration:none; background-color:#795548; color:#fff; padding:10px 15px; border-radius:5px;}

ul li a:hover{background-color:#000;}
</style>
</head>

<body>
<ul>
<li> <a href="#"> First Page </a> </li>
<li> <a href="#"> 2 </a> </li>
<li> <a href="#"> 3 </a> </li>
<li> <a href="#"> 4 </a> </li>
<li> <a href="#"> 5 </a> </li>
<li> <a href="#"> 6 </a> </li>
<li> <a href="#"> 7 </a> </li>
<li> <a href="#"> 8 </a> </li>
<li> <a href="#"> 9 </a> </li>
<li> <a href="#"> Last Page </a> </li>
</ul>
</body>

</html>

Output:




Best WordPress Hosting


Share:


Discount Coupons

Get a .COM for just $6.98

Secure Domain for a Mini Price



Leave a Reply


Comments
    Waiting for your comments