Basic HTML Version

|  | Table of Contents |  | View Full Version

Page 102 - ClickGPT V4.0 C-5
P. 102

    You can also use various CSS properties to change the color of hyperlinks in different states. There are
                  mainly four states of hyperlinks, which are link, visited link, hover, and active. Using the following CSS
                  properties, you can change the look and style of hyperlinks in different states:

                      a:link: It is used to set the style for an unvisited link.
                      a:visited: It is used to set the style for a link that the user has visited.

                      a:hover: It is used to set the style for a link when the mouse pointer moves over it.

                      a:active: It is used to set the style for a link when it is clicked.

                  Let us create a web page to use all these properties.

                  <!DOCTYPE html>

                  <HTML>
                  <HEAD>

                  <STYLE>
                  a:link, a:visited {

                    BACKGROUND-COLOR: PINK;
                    COLOR: RED;

                    PADDING: 20px 22px;
                    TEXT-ALIGN: CENTER;

                    TEXT-DECORATION: UNDERLINE;
                    DISPLAY: INLINE-BLOCK;
                  }

                  a:hover, a:active {

                    BACKGROUND-COLOR: GREEN;
                    COLOR: ORANGE;
                    FONT-SIZE: 20px;

                    FONT-WEIGHT: BOLD;
                  }

                  </STYLE>
                  </HEAD>

                  <BODY>
                  <A HREF="Home.html">Link</A>

                  </BODY>
                                                                                                            Output
                  </HTML>

                            Premium Edition-V
                    100

| 97 98 99 100 101 102 103 104 105 106 107 |