# \[CSS\] Background-color

**URL:** <https://forum.kirupa.com/t/css-background-color/85303>\
**Category:** web dev\
**Created:** [April 3, 2005, 6:07pm UTC](https://forum.kirupa.com/t/css-background-color/85303 "2005-04-03T18:07:40Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![wizard](https://avatars.discourse-cdn.com/v4/letter/w/a87d85/32.png) [@wizard](https://forum.kirupa.com/u/wizard)\
**Post date:** [April 3, 2005, 6:07pm UTC](https://forum.kirupa.com/t/css-background-color/85303/1 "2005-04-03T18:07:40Z")

</div>

I have this code in my CSS:

```auto
a:hover {text-decoration: underline;color: white; **background-color: #4A7BBE** }

```

And that works, and it’s applied to all links in my HTML, as it should. But how would I apply a different **background-color** to individual links (on the hover)?