Menu
menu
menu
menu
menu
menu
menu
menu
menu
menu
html
<a class="m" href="#">menu</a> <a class="m" href="#">menu</a> <a class="m" href="#">menu</a><br> <a class="m" href="#">menu</a> <a class="m" href="#">menu</a> <a class="m" href="#">menu</a><br> <a class="m" href="#">menu</a> <a class="m" href="#">menu</a> <a class="m" href="#">menu</a><br>
css
<style type="text/css"> a.m:link, a.m:visited, a.m:active{ color: #000000; background: #f4005b; font: bold 30px Arial Narrow; letter-spacing: -3px ; line-height: 90% ; text-transform: uppercase; text-align: center; padding: 20px 0px 0px 0px; margin-top: 20px; display:inline-block; width:100px; border-bottom: 2px solid #000000; text-decoration: none; } a.m:hover { background: #000000; color: #ffffff; border-bottom: 2px solid #f4005b; padding: 40px 0px 0px 0px; margin-top: 0px; text-decoration: none; } </style>
back
refresh
main