-- CSS3 & HTML5 |

HTML ve CSS ile Menü Yapımı

Güncelleme : 3 Kasım 2016 21:15  Responsive Menü Yapımı 
(Yeni Yazı)

 

Merhaba Arkadaşlar HTML ve CSS ile basit bir Menü yapımını anlattım, Videoyu izleyebilirsiniz kodlarada videonun altından ulaşabilirsiniz.



HTML Menü Kodları

<div class="menu">
	<ul>
		<li><a href="#">Anasayfa</a></li>
		<li><a href="#">Galeri</a></li>
		<li><a href="#">Hakkımda</a></li>
		<li><a href="#">Müzikler</a></li>
		<li><a href="#">İletişim</a></li>
	</ul>
</div>

 

CSS Menü Kodları

*{margin:0; padding:0;}
	.menu{width:800px; height:48px; background:#000; margin:0 auto;border-bottom:4px solid red;}
	.menu ul li {float:left;list-style-type:none;}
	.menu ul li a{color:#fff; font:17px Arial;text-decoration:none;display:block; padding:14px 15px;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;}
	.menu ul li a:hover{
		background:red;
		color:yellow;
	}

 

Yayınlandı