Hover css div: CSS :in-range Selector

Разное

css — цвет фона div, для изменения при наведении

спросил 13 лет, 10 месяцев назад

Изменено 1 год, 1 месяц назад

Просмотрено 671 тысяч раз

Я пытаюсь изменить цвет фона блока при наведении мыши на .

div {фон: белый;}
div a:hover{background:grey; ширина:100%;
дисплей:блок; украшение текста:нет;}

только ссылка внутри div получает цвет фона .

что я могу сделать, чтобы весь div получил этот цвет фона?

спасибо

РЕДАКТИРОВАТЬ:
как я могу сделать весь div действовать как ссылка — когда вы щелкаете в любом месте этого div, чтобы перейти к адресу.

CSS
цветов
фон
наведение

« a:hover » буквально указывает браузеру изменить свойства тега при наведении на него указателя мыши. Возможно, вы имели в виду « the div: hover », что срабатывало при выборе div.

Просто чтобы убедиться, что если вы хотите изменить только один конкретный элемент div, присвойте ему идентификатор («

«) и вместо этого используйте CSS » #something:hover {...} «. Если вы хотите редактировать группу div, сделайте их классом (»

«) и используйте CSS » .else {...} » в этом случае (обратите внимание на точку перед именем класса!)

Использование Javascript

 
  Джек и Джилл пошли на холм, чтобы принести ведро воды. Джек упал и сломал свою корону, а Джилл покатилась следом.

Анкер ставить не нужно. Чтобы изменить стиль div при наведении, затем Изменение цвета фона div при наведении.

 .div_hover {
  цвет фона: #FFFFFF;
}
.div_hover:наведите {
  цвет фона: #000000;
}

  Изменить цвет фона div при наведении курсора

Чтобы весь div действовал как ссылка, установите тег привязки следующим образом:

 display: block

И установите высоту тега привязки на 100%. Затем установите фиксированную высоту для вашего тега div. Затем стилизуйте тег привязки, как обычно.

Например:

 
<голова>
    Ссылка DIV
    <тип стиля="текст/CSS">
    .link-контейнер {
        граница: сплошная 1px;
        ширина: 50%;
        высота: 20 пикселей;
    }
    .link-контейнер {
        дисплей: блок;
        фон: #c8c8c8;
        высота: 100%;
        выравнивание текста: по центру;
    }
    .link-контейнер a: hover {
        фон: #f8f8f8;
    }
    
 
<тело>
    <дел>
         stackoverflow.com">Переполнение стека

<дел> Переполнение стека

Удачи!

HTML-код:

 
    
    это ваша веб-страница
    <тело>

код CSS:

 .nicecolor {
      красный цвет;
      ширина: 200 пикселей;
      высота: 200 пикселей;
     }
    .nicecolor:наведите {
      цвет синий;
     }

, и именно так вы измените свой div с красного на синий, наведя на него курсор.

Комплект

 Дисплей: блок;

на a и задайте высоту

, просто попробуйте свойство CSS «зависать». например:

 
<голова>
    <стиль>
        див
        {
            высота: 100 пикселей;
            ширина: 100 пикселей;
            граница: 2px сплошной красный;
        }
        раздел: наведите
        {
            цвет фона: желтый;
        }
    

<тело>
            <а href="#">
                      <дел>
                                 привет

вы можете просто содержать div в теге привязки, например:

css — цвет фона div, для изменения при наведении

html — CSS: наведите указатель мыши на элемент div, выполните действие на другой элемент div

`Добавить комментарий Отменить ответ`