Page 64 - Trackpad_V4.0_C8_Flipbook
P. 64

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>
              Links as Buttons


              CSS properties allows 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>
                <H1 STYLE="TEXT-ALIGN: center">Valley of Flowers</H1>
              <IMG  SRC="Valley_of_Flowers.jpg"  ALT="Valley  of Flowers"  STYLE="BORDER:  4px
              SOLID BLACK; HEIGHT: 200px; WIDTH: 250px;">




                        Premium Edition-VIII
                 62
   59   60   61   62   63   64   65   66   67   68   69