<DIV

style="LEFT: 250 px; WIDTH: 900 px; POSITION: absolute; TOP: 200px; HEIGHT: 250px">

<div id="modern-menu">

<div>

<a class="box menu" href="/"> <span>Belépés</span></a> <a class="box menu" href="/"> <span>Főoldal</span></a> <a class="box menu" href="/"> <span>HTML kód</span></a> <a class="box menu" href="/"> <span>Design</span></a>

</div>

</div>

<style type="text/css">

@import url(https://fonts.googleapis.com/css?family=Roboto+Slab&subset=latin,latin-ext);

#modern-menu{

text-align: center;

}

.box{ /* menü kinézete */

font-family: 'Roboto Slab', serif !important;

font-size: 12px !important;

color: #ffffff !important;

background: #D6E0DD !important;

letter-spacing: 1px !important;

text-transform: uppercase !important;

text-decoration: none;

padding: 12px;

margin: 0 10px;

border-radius: 225px 225px 225px 225px;

-moz-border-radius: 225px 225px 225px 225px;

-webkit-border-radius: 225px 225px 225px 225px;

}

.box:hover{ /* menü kinézete, ha ráviszed az egeret */

background: #5CA2BC !important;

text-decoration: none !important;

}

.menu {

position: relative;

}

.menu:before {

content: '';

position: absolute;

bottom: 0;

left: 0;

top: 0;

right: 0;

-webkit-transition-duration: 0.3s;

-moz-transition-duration: 0.3s;

-ms-transition-duration: 0.3s;

-o-transition-duration: 0.3s;

transition-duration: 0.2s;

-webkit-transition-property: top, left, right, bottom;

-moz-transition-property: top, left, right, bottom;

-ms-transition-property: top, left, right, bottom;

-o-transition-property: top, left, right, bottom;

transition-property: top, left, right, bottom;

border-radius: 225px 225px 225px 225px;

-moz-border-radius: 225px 225px 225px 225px;

-webkit-border-radius: 225px 225px 225px 225px;

}

.menu:hover:before, .menu:focus:before{

-webkit-transition-delay: .1s;

-moz-transition-delay: .1s;

-ms-transition-delay: .1s;

-o-transition-delay: .1s;

transition-delay: .1s;

border: #5CA2BC solid 6px; /* körvonal kinézete - lehet pöttyös, szaggatott, stb.. is.*/

bottom: -10px;

left: -10px;

top: -10px;

right: -10px;

}

</style>

</FONT></DIV>