Изменение цвета фона при зависании

Question

Я сделал поле вокруг текста. Теперь я хочу навести курсор и изменить цвет окна
фон. Я не могу изменить это, когда наведите курсор мыши. Я также добавил изображение
, чтобы вы могли иметь представление о нем. Я сделал коробку вокруг текста. Теперь я хочу, чтобы наведите указатель мыши и измените цвет фона окна. Я не могу изменить это , когда наведите курсор мыши. Я также добавил изображение с этим, чтобы вы могли получить идею about.please проверить изображение и найти ящик для социальных сетей, когда я наводил указатель мыши
цвет зависания не меняется.

<style> 
div.ex 
{ 
    width:20px; 
    height:20px; 
    padding:5px; 
    border:1px solid #D8D8D8; 
    margin:0px; 
    background-color:#3b5998; 
} 
</style> 


<div class="ex"><span class="iconfacebook2" aria-hidden="true" data-icon="&#xe169;">  
</span></div> 

* отредактирован, чтобы сделать изображение появится

Answer 1

Вы можете использовать: Hover селектор:

http://www.w3schools.com/cssref/sel_hover.asp

Но если вы используете изображения, вы можете применить CSS Image Sprites:

http://www.w3schools.com/css/css_image_sprites.asp

Кстати, если вы разрабатываете веб-сайт, возможно, CSS Image Sprites - хороший выбор для повышения производительности веб-сайта (поскольку он использует только 1 собственный образ для нескольких взаимодействий изображений).

;)

Answer 2

<style> 
div.ex 
{ 
width:20px; 
height:20px; 
padding:5px; 
border:1px solid #D8D8D8; 
margin:0px; 
background-color:#3b5998; 
} 
div.ex:hover { 
background-color:#000; 
} 
</style> 

Создать парения элемент, принимая тот же класс CSS div.ex и добавление :hover