Örnek Çalışmayı buraya komple bilgisayarınıza indirebilirsiniz.
HTML Kodu
<div id="anamenu"> <h1 align="center">MENU</h1> <ul> <li><a href="#" href="#" tabindex="1">Ana Sayfa</a></li> <li><a href="#" href="#" tabindex="2">Hakkımda</a></li> <li><a href="#" href="#" tabindex="3">Yazılım</a></li> <li><a href="#" href="#" tabindex="4">Donanım</a></li> <li><a href="#" href="#" tabindex="6">Bağlantılar</a></li> </ul> </div>
CSS Kodu
<style> #anamenu { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%; width: 160px; padding: 0px; margin: 0px; border:1px; border-color:#000000; } #anamenu h1 { display: block; background-color:#D2FFD2; font-size: 90%; padding: 3px 0 5px 3px; border:none; border-color:#FFFFFF; color: #333333; margin: 0px; width:159px; } #anamenu ul { list-style: none; margin: 0px; padding: 0px; border: none; } #anamenu ul li { margin: 0px; padding: 0px; } #anamenu ul li a { font-size: 80%; display: block; border-bottom: 1px dashed #C39C4E; padding: 5px 0px 2px 4px; text-decoration: none; color: #666666; width:160px; } #anamenu ul li a:hover, #anamenu ul li a:focus { color: #000000; background-color: #D2FFD2; } </style>
|