CSS class ile kutu oluşturma nasıl yapılır?
CSS class ile kutu oluşturma nasıl yapılır?CSS ile kutu oluşturmak için kutu modeli (box model) kullanılır. Kutu modeli, dört ana bileşenden oluşur: 1. İçerik (content). 2. Dolgu (padding). 3. Kenarlık (border). 4. Kenar boşluğu (margin). Kutu oluşturmak için aşağıdaki CSS kodu örneği kullanılabilir: ```css #kutu { width: 50% ; / Kutunun genişliğini verir. / height: 15em ; / Kutunun yüksekliğini belirler. / background: rgba(0, 51, 51, 0.5) ; / Arka plan rengini belirler. / border: 1px solid #000 ; / Kenarlıkları belirler. / margin: 20px ; / Kutunun dış boşluğunu belirler. / padding: 20px ; / Kutunun iç boşluğunu belirler. / } ``` Bu kodda: `width` ve `height` özellikleri kutunun boyutlarını belirler. `margin` kutunun diğer içeriklerle olan mesafesini ayarlar. `padding` içerik ile kenarlık arasındaki boşluğu belirler. Daha fazla bilgi ve örnek kodlar için aşağıdaki kaynaklar incelenebilir: eylemseyhan.medium.com; academy.patika.dev; caglarbostanci.com.tr.