Page 71 - TP_Prime_V2.2_Class8
P. 71

TEXT-ALIGN: CENTER;

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

                 }
                 a:hover, a:active {

                   BACKGROUND-COLOR: GREEN;
                   COLOR: ORANGE;

                   FONT-SIZE: 20px;
                   FONT-WEIGHT: BOLD;                                                                                       MORE ON HTML

                 }
                 </STYLE>
                 </HEAD>

                 <BODY>
                                                                                                                          69
                 <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>
   66   67   68   69   70   71   72   73   74   75   76