Page 82 - C_GPT _V4 _class_6
P. 82

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");}






                 80     CodeGPT (Ver. 4.0)-VI
   77   78   79   80   81   82   83   84   85   86   87