---
title: "How to change div color on mouse hover using css?"  
description: "How to change div color on mouse hover using css?"  
author: "Hemant Patel"  
published: 2017-11-16  
canonical: https://answers.mindstick.com/qa/30760/how-to-change-div-color-on-mouse-hover-using-css  
category: "programming"  
tags: ["css cascading style sheets"]  
reading_time: 1 minute  

---

# How to change div color on mouse hover using css?

How to change div [color](https://www.mindstick.com/articles/77/how-to-split-form-background-color-in-c-sharp) on [mouse](https://yourviews.mindstick.com/story/5122/the-story-behind-lord-ganesha-s-mouse-mushak) hover using [css](https://www.mindstick.com/articles/12349/a-step-by-step-guide-to-making-pure-css-tooltips)?

## Answers

### Answer by Pawan Shukla

you can change div color on mouse hover by using following lines of code:

html code

```
<div class="test">Article List
                            </div>
```

css code

```
<style>     .test:hover {      background-color:grey;     }</style>
```

\


---

Original Source: https://answers.mindstick.com/qa/30760/how-to-change-div-color-on-mouse-hover-using-css

Copyright © MindStick Software Pvt. Ltd. This Markdown version is provided for developers, AI systems, and offline reading.