Çözüldü HTML kodu CSS'siz çalışıyor

Bu konu çözüldü olarak işaretlenmiştir. Çözülmediğini düşünüyorsanız konuyu rapor edebilirsiniz.

Linux Kaymak

Kilopat
Katılım
22 Haziran 2021
Mesajlar
6.558
Makaleler
11
Çözümler
30
Yer
Ankara
Merhaba arkadaşlar HTML ve CSS öğrenmeye başladım ama sorun şu ki, HTML dosyama bir türlü CSS bağlayamadım.
Kod:
HTML:
<html>
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link href="style.css" type="text/css" rel="stylesheet"/>
  <title>PComik-Sorunun mu var?</title>
</head>
<body>
  <div class="btn-group">

    <button class="button">Button</button>
 
    <button class="button">Button</button>
 
    <button class="button">Button</button>
 
    <button class="button">Button</button>
 
  </div>
</body>
</html>

CSS:
.btn-group .button {

    background-color: #e67e22;

    border: 1px solid green;

    color: white;

    padding: 15px 32px;

    text-align: center;

    text-decoration: none;

    display: inline-block;

    font-size: 16px;

    cursor: pointer;

    width: 150px;

    display: block;
}

.btn-group .button:not(:last-child) {

    border-bottom: none; /* Çift borderleri önler */
}

.btn-group .button:hover {

    background-color: #b3621a
}
 
Çözüm
Arkadaşlar verdiğim rahatsızlık için kusura bakmayın. style.css dosyasını kaydetmeyi unutmuşum. Teşekkürler.
1675439545750.png


Bağlanıyor. CTRL+F5 yapın öyle deneyin.

".button:hover" değil de ".button::hover" şeklinde sanırım doğrusu.

:hover şeklinde hocam.
 

Bu konuyu görüntüleyen kullanıcılar

Technopat Haberler

Geri
Yukarı