Page 91 - modular_v2.0_HTML&_CSS_Fb
P. 91

<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>

                 </HTML>                                                                                  Output
                 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;

                     }


                                                                                                                89
                                                                              Images, Links and Frames in HTML
   86   87   88   89   90   91   92   93   94   95   96