Как поменять фон при наведении на ссылку?

а как сделать плавный переход?

Ainur123,

body {
    transition: background .3s;
}

.3 - это 0.3 cек. Можете установить своё значение
background - указываем, что обрабатывать. Можно написать просто : .3s - но если указывать к чему нужно применять transition - будет меньше нагрузки на браузер

boga-net, разобрался, но после того как навел, фон остается этим же цветом, как сделать чтобы фон опят светлел после того как перестал наводить ?

Ainur123, не забудьте подключить jQuery

https://jsfiddle.net/bgfg3b4w/

HTML
<a class="dark" >Dark</a>

CSS

body {
    transition: background .3s;
}

.hover-class {
	background: #31708f;
}

jQuery

$('.dark').hover(function() {
    $('body').toggleClass('hover-class');
});

boga-net, спасибо,помог!