Basic HTML Version

|  | Table of Contents |  | View Full Version

Page 122 - 2632_CodeMind
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>

                                                                                    Images, Links and Frames in HTML5  121

| 117 118 119 120 121 122 123 124 125 126 127 |