gaspersic/freeCodeCamp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Added info on how to use :hover with anchor tag (#30476)

Browse Source 
Added information on how to style the hover state of the anchor tag, along with an example.
This commit is contained in:
Parul
2018-10-27 13:42:11 -04:00
committed by Ian Duke
parent bd1d129b85
commit 6963c2cfbf
1 changed files with 13 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
guide/english/certifications/responsive-web-design/applied-visual-design/adjust-the-hover-state-of-an-anchor-tag/index.md
View File

@ -3,8 +3,18 @@ title: Adjust the Hover State of an Anchor Tag
---
## Adjust the Hover State of an Anchor Tag
This is a stub. <a href='https://github.com/freecodecamp/guides/tree/master/src/pages/certifications/responsive-web-design/applied-visual-design/adjust-the-hover-state-of-an-anchor-tag/index.md' target='_blank' rel='nofollow'>Help our community expand it</a>.
You can use the :hover pseudo-class with the anchor tag to style how a link appears when someone hovers over the link with their mouse or other pointing device.
For example, the following code will change the color of the link to orange when someone hovers over it:
```html
<a href="https://www.freecodecamp.org/">freeCodeCamp</a>
```
```css
a:hover {
color: orange;
}
```
<a href='https://github.com/freecodecamp/guides/blob/master/README.md' target='_blank' rel='nofollow'>This quick style guide will help ensure your pull request gets accepted</a>.
<!-- The article goes here, in GitHub-flavored Markdown. Feel free to add YouTube videos, images, and CodePen/JSBin embeds -->