Atölye › Kartvizitim › 11/12. adım

Tepki veren bağlantılar

Ne yapıyoruz

Son dokunuş: bağlantılar adınla aynı renkte ve altı çizgisiz olsun; fare üstüne gelince altı çizilsin. Böylece "buraya tıklanır" hissi verir.

Fare üstündeyken ayrı kural yazmak için seçicinin sonuna :hover eklenir.

```css
a {
  color: #4f46e5;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}
```

a { → bütün bağlantılar için kural.
color: #4f46e5; → bağlantı rengi: adınla aynı çivit mavisi (varsayılan mavi-mor yerine).
text-decoration: none; → bağlantıların altındaki çizgiyi kaldır.
a:hover { → :hover "fare üstündeyken" demek. Bu kural yalnız fare bir bağlantının üstündeyken geçerli.
text-decoration: underline; → o anda altını çiz.

İki kuralı ul kuralının altına yaz. Çalıştır, sonra fareyi bağlantılarının üstüne getir. Kartın hazır!

Beceriler: CSS ile görünüm