Atölye › Trafik lambası › 2/12. adım

Kutuya biçim ver

Ne yapıyoruz

Kutu görünsün: ona boyut, koyu bir renk ve yuvarlak köşeler veriyoruz. Lambanın gövdesi bu.

```css
.light {
  width: 90px;
  height: 250px;
  background: #222;
  border-radius: 16px;
}
```

.light { → baştaki nokta sınıf demek: class="light" olan kutuya uygulanır.
width: 90px; → genişlik 90 piksel. height: 250px; → yükseklik 250 piksel. Uzun, dar bir kutu.
background: #222; → çok koyu gri, neredeyse siyah.
border-radius: 16px; → köşeleri yuvarlat.

Kuralı <style> içinde, body kuralının kapanan } işaretinin altına (bir boş satırdan sonra) yaz. Çalıştır.

Beceriler: CSS ile görünüm