CSS Açılır Menü Örneği – Web Tasarım & Programlama
CSS HTML DERSLERİ Web Tasarım

CSS Açılır Menü Örneği

Bu yazımızda HTML ve CSS kullanarak basit bir yatay açılır menü tasarımı yapacağız.  HTML ve CSS dosyalarımızı oluşturduğumuzda aşağıdaki gibi bir görüntü elde edeceğiz.

Aşağıdaki video ile yapılışına yada yazının devamında kaynak kodları ile menüye ulaşabilirsiniz.

index.html dosyamızın içeriğini incelediğimizde iç içe liste oluşturulduğunu görüyoruz. Oluşturulan bu listenin CSS ile açılır menü haline gelmesini sağlayacağız.

tasarim.css dosyamızın içeriği:

Yukarıdaki CSS kodlarını incelediğimizde menünün üzerine geldiğimizde display özelliğinin none ve block yapılarak açıldığını görmekteyiz.

2. bir yöntem olarak aşağıdaki şekild ede kodlarımızı oluşturabiliriz.

 

3 Yorum

Yorum yap

Sayfamızı YouTube'da da takip etmek ister misiniz?
Holler Box