OBINTUSACADEMY
HOME CONTACT SERVICES PRIVACY
C.B MS-PACKAGES CSS
CSS - Links

BASIC

Introduction to CSS Getting Started CSS Basic Structure CSS Syntax CSS Selectors CSS Universal Selector CSS Element Selector CSS ID Selector CSS Class Selector CSS Group Selector CSS Descendant Selector CSS Child Selector CSS Adjacent Sibling Selector CSS General Sibling Selector CSS Pseudo Element Selector CSS Pseudo Class Selector CSS Attribute Selector CSS Comments CSS Rule CSS Colors CSS Foreground and Background Color CSS Fonts CSS Background CSS Background Clip CSS Background Origin CSS Background Size CSS Text/Word Formatting CSS Images

INTERMEDIATE

CSS Borders CSS Margin CSS Padding CSS Dimension CSS Outline CSS Lists CSS Tables CSS Links CSS Overflow CSS Cursor CSS Float CSS Clear

Links

PREVIOUS NEXT

In this tutorial, I will be showing you all you need to know about using CSS to style HTML links.

Links can be styled with many CSS properties such as color, background-color, text-decoration, font-size, etc. There are four (4) types of link state:

  • unvisited link - (a:link)
  • visited link - (a:visited)
  • active link - (a:active)
  • hovered link - (a:hover)

Link Color

To set link color, use the color property and the pseudo class of any link state you want.

TRY IT OUT YOURSELF

Link Underlining

Link underlining can be removed or adjusted using the text-decoration property

TRY IT OUT YOURSELF

Link Button

Link can be styled to look like a button by using the following CSS properties: background-color, padding, border, text-decoration, etc.

TRY IT OUT YOURSELF
PREVIOUS NEXT
ADVERTISEMENTS

LEARNING IS A CONTINOUS PROCESS - PRACTICE MAKES PERFECT