Basic HTML Version

|  | Table of Contents |  | View Full Version

Page 114 - 2617_JSSPS_C-6
P. 114

    If the file is saved in another location, you must provide the complete drive path of the stylesheet. Let
                  us create a web page using the external style sheet. The first step is to create a stylesheet file. Open
                  Notepad and type the following code:

                  body{background-color:green; color:white;}

                  Now, save the file with the name style.css at the same location as the HTML file. Again, open a new
                  notepad window and type the following code:

                  <!DOCTYPE html>

                  <html>
                  <head>
                  <title> Using External Stylesheet</title>

                  <link rel="stylesheet" type="text/css" href="style.css">
                  </head>

                  <body>
                  Text with white colour and background colour is green

                  </body>
                  </html>

                  When you view the preceding web page in browser, you will get the following output:

                  You can also use the 6 digits hexadecimal code in place of colour name. For example, the hexadecimal
                  code #000000 represents the black colour and #FFFFFF represents the white colour.  For example:

                  body{background-color: #000000;}

                                                                   Hintbot

                                       You can easily get hexadecimal code of any colour from color picker.
                                  Type color picker in google and select any colour to get the hexadecimal code.

                  You can also set an image as the background of a web page by using the background-image property

                  of CSS in the following manner:

                  body{background-image:url("background.jpg");}

                    112     Premium Edition-VI

| 109 110 111 112 113 114 115 116 117 118 119 |