Skip to content

Latest commit

 

History

History

14-anchor-like-button

Folders and files

NameName
Last commit message
Last commit date

parent directory

..
 
 
 
 
 
 
 
 
 
 
 
 

14 Anchor Like Button

Anchors are not only used within text: when you are going to use anchors outside text, it is better to make them look like buttons for a more user-friendly experience.

📝 Instructions:

  1. Make it look like a box: set padding to 10px.

  2. Rounded borders: set border-radius to 4px.

  3. The background should be orange when not hovered, and darkorange on hover (:hover).

  4. Remove underline: set text-decoration to none.

  5. Set the color of the text to white.

  1. Inside of the :hover selector change the background of the button to darkorange.

💻 Expected result:

Expected result