- Trending Categories
Data Structure
Networking
RDBMS
Operating System
Java
iOS
HTML
CSS
Android
Python
C Programming
C++
C#
MongoDB
MySQL
Javascript
PHP
- Selected Reading
- UPSC IAS Exams Notes
- Developer's Best Practices
- Questions and Answers
- Effective Resume Writing
- HR Interview Questions
- Computer Glossary
- Who is Who
Style links on mouse over with CSS
To style links on mouse over with CSS, use the CSS: hover selector. You can try to run the following code to implement the: hover, selector,
Example
<!DOCTYPE html>
<html>
<head>
<style>
a:hover {
background-color: orange;
}
</style>
</head>
<body>
<a href = "https://www.google.com">Google</a>
<p>Keep the mouse cursor on the above link and see the effect.</p>
</body>
</html>
Updated on 30-Jun-2020 11:11:46
- Related Questions & Answers
- Flip an image on mouse over with CSS
- Style all unvisited links with CSS
- Style all visited links with CSS
- Change the color of links when we bring a mouse pointer over that line with CSS
- Change Image Opacity on Mouse Over
- Mouse over Actions with Cypress
- Styling Links with CSS
- Styling Links Working with CSS
- Making an image scale mouse over on HTM5 <canvas>
- Set the Color of links with CSS
- Add space between pagination links with CSS
- Create a tooltip that appears when the user moves the mouse over an element with CSS
- Set the Color of Visited Links with CSS
- Change the Color of Active Links with CSS
- Center links in a Navigation Bar with CSS
Advertisements