css navigation: #5

link #1 link #2 link #3 link #4

HEAD

a.tvm, a.tvm:active, a.tvm:link, a.tvm:visited { color: #f203c2; background: none; font-size: 30px; width: 70px; display: inline-block; font-family: arial black; letter-spacing:-3px; font-weight:normal; text-decoration:none; padding: 1px; font-style:normal; text-align:center; line-height: 17px; padding-left:5px; padding-right:5px; text-transform:lowercase; border-bottom: 5px solid #f203c2; text-shadow: #fff 0px 0px 0px; transition: 0.5s; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } a.tvm:hover{ color: #b5bf0f; background: none; border-bottom:5px solid #b5bf0f; transition: 0.5s; }

BODY

<a href="http://thevioletmaniac.narod.ru/" class="tvm" target="">link #1</a> <a href="http://thevioletmaniac.narod.ru/" class="tvm" target="">link #2</a> <a href="http://thevioletmaniac.narod.ru/" class="tvm" target="">link #3</a> <a href="http://thevioletmaniac.narod.ru/" class="tvm" target="">link #4</a>