body{ background-color: #4d94ff; } div.img { margin: 5px; border: 1px solid #660066; float: left; width: 200px; } div.img:hover { border: 1px solid #000066; border-radius: 0px 0px 15px 15px; } div.img img { width: 100%; height: auto; } div.desc { padding: 15px; text-align: center; width:100px; height:40px; } b{ font-family: Georgia; color: white; text-shadow: 2px 2px 5px black; } ul { list-style-type: none; margin: 0; padding: 0; overflow: hidden; background-color: black; } li { float: left; } li a { display: block; color: white; text-align: center; padding: 14px 16px; text-decoration: none; } li a:hover:not(.active) { background-color: #99ccff; color:black; } .active { background-color: white; color:black; } ol.pagination { display: inline-block; padding: 0; margin: 0; } ol.pagination li {display: inline;} ol.pagination li a { color: black; float: left; padding: 8px 16px; text-decoration: none; transition: background-color .3s; border: 1px solid #ddd; } ol.pagination li a.active { background-color: #4CAF50; color: white; border: 1px solid #4CAF50; } ol.pagination li a:hover:not(.active) {background-color: #ddd;} Image Galary
Vimalesha King 