From 6963c2cfbf7fbfd4a812cca008b3952c882a44fc Mon Sep 17 00:00:00 2001 From: Parul Date: Sat, 27 Oct 2018 13:42:11 -0400 Subject: [PATCH] Added info on how to use :hover with anchor tag (#30476) Added information on how to style the hover state of the anchor tag, along with an example. --- .../index.md | 16 +++++++++++++--- 1 file changed, 13 insertions(+), 3 deletions(-) diff --git a/guide/english/certifications/responsive-web-design/applied-visual-design/adjust-the-hover-state-of-an-anchor-tag/index.md b/guide/english/certifications/responsive-web-design/applied-visual-design/adjust-the-hover-state-of-an-anchor-tag/index.md index 50847a14e9..be99459b1c 100644 --- a/guide/english/certifications/responsive-web-design/applied-visual-design/adjust-the-hover-state-of-an-anchor-tag/index.md +++ b/guide/english/certifications/responsive-web-design/applied-visual-design/adjust-the-hover-state-of-an-anchor-tag/index.md @@ -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. Help our community expand it. +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 +freeCodeCamp +``` + +```css +a:hover { + color: orange; +} +``` -This quick style guide will help ensure your pull request gets accepted. -