Page 122 - TP_Plus_v2.2_Class_8
P. 122

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>

                  </HTML>

                       Links As Buttons


                  CSS properties allow us to display links as buttons. HTML codes that display links as buttons:

                  <!DOCTYPE HTML>
                  <HTML>
                  <HEAD>

                  <TITLE>Valley of Flowers</TITLE>
                  <STYLE>
                  A:link, A:visited {
                  BACKGROUND-COLOR: yellow;

                  COLOR: green;
                  PADDING: 20PX 25PX;

                  TEXT-ALIGN: center;
                  TEXT-DECORATION: none;
                  DISPLAY: inline-block;
                  }

                  </STYLE>
                  </HEAD>
                  <BODY>

                  120   Plus (Ver. 2.2)-VIII
   117   118   119   120   121   122   123   124   125   126   127