Page 56 - PlugGPT_V2.0_C7_Flipbook
P. 56

BACKGROUND PROPERTIES

                  The background properties are used to make changes in the background of a web page. The
                  various background properties and their values are given in the table:
                        Property                    Value                     Description               Example

                                                                                                    background-
                                                                      Specifies the background  color: green;
                   background-color      Name of the colour           colour to be used on the      background-
                                                                      web page.                     color: rgb(45,
                                                                                                    109, 78);

                                                                      Specifies the image to be  background-
                   background-image      URL of image                 used in the background  image:url("D:\
                                                                      on the web page.              bg.jpg");
                                         repeat, repeat-x, repeat-y,  Specifies  the  repetition
                                                                                                    backgound-
                   background-repeat (whereas,  x-horizontal  &  of an image on the web
                                                                                                    repeat:repeat-x;
                                         y-vertical) no repeat        page.

                  Create an HTML5 web page by using the background properties.
                  <!DOCTYPE html>

                  <HTML>
                  <HEAD>

                  <STYLE>
                  BODY {background-image:
                  url("D:\tile.png");

                  background-repeat:repeat-y;}
                  H1 {background-color:green;
                  text-align:center;}

                  </STYLE>
                  </HEAD>

                  <BODY>
                  <H1>Tiles</H1>
                  </BODY>

                  </HTML>

                      FONT PROPERTIES

                  In HTML5, text appearance is controlled by using CSS font properties. These properties allow you
                  to style the text by changing the font family, size, weight, and style, enhancing both readability
                  and visual appeal. For example, you can make text bold, italicised, or adjust the space between

                  lines. These font properties are essential for making content attractive and engaging for users
                  on the web.

               54       Premium Edition-VII
   51   52   53   54   55   56   57   58   59   60   61