
CSS ile basit tasarımlı yatay bir menü yapımını göreceğiz.
Css ile menü yapımı
index.html sayfamızın kodlarını yazdıktan sonra style.css sayfamızın kodlarını yazalım.
#menu { margin: 0px; padding: 0px; list-style-type: none; } #menu li { float: left; width: 150px; position: relative; } #menu a { font-family: "Arial"; font-size: 16px; color: #FFFFFF; text-decoration: none; background-color: #00CCFF; display: block; padding-top: 5px; padding-right: 5px; border: 1px solid #00CCFF; text-align: center; line-height: 30px; margin-right: 2px; } #menu a:hover { background-color: #0099FF; }
Sayfalarımız kaydettikten sonra çalıştıralım.
YORUM YAPMAK İSTER MİSİN?