How To Make Links In Different Colors

Table of contents:

How To Make Links In Different Colors
How To Make Links In Different Colors

Video: How To Make Links In Different Colors

Video: How To Make Links In Different Colors
Video: CSS Tutorials #6 - How to Style Links 2024, May
Anonim

Links are one of the main attributes of a website on the Internet. A rare page does without them. But when the same type of link color becomes boring, you can make each link your own color. This will help draw users' attention to the link and make your website brighter.

How to make links in different colors
How to make links in different colors

It is necessary

  • - html tags;
  • - a table with color codes.

Instructions

Step 1

Remember the general linking scheme that most sites use. "A" () is the anchor of the hyperlink that bounds it on both sides; "Href" is an abbreviation for hypertext reference, that is, the Internet address to which you want to navigate. The link is always enclosed in quotation marks. So the general linking scheme looks like this: text.

Step 2

Change the color of the link by adding code before and after the link text to get this: text.

Step 3

On blogging services, such as Liveinternet, use the code . "Url" is a uniform resource locator, a resource locator. In this case, to change the color, add a color tag before and after the text:.

Step 4

If you made your own site and you have a file with its styles, then edit the links right there, in the cascading CSS stylesheets. The general syntax for writing looks like this: a {style parameters}. With these parameters, you can make the link bold, italic, or whatever.

Step 5

To set a color to a link, you need to use the following code: a {color: # 00000;}. 00000 is the default black code. To replace it with any other, use either a graphics package (for example, Adobe Photoshop) by clicking on the square with a color in the Tools, or using the web palettes. Usually, in both cases, the code is next to #. Copy it by clicking on it and pressing Ctrl + C. Then put in curly braces after the #.

Step 6

To make links colored in a text editor, for example, in Open Office, go to the top menu "Insert" → "Hyperlink", paste the link, set its text. Click Apply, then Close. Select the link and color it like normal text. You can also set the color of each letter separately.

Recommended: