Basic HTML Version

|  | Table of Contents |  | View Full Version

Page 40 - 2609_Logiccode
P. 40

    Tick ( ) if you know this.

                           ▶  Hover is used to apply styles when the mouse pointer moves over the link.
                           ▶  External links connect your active web page to a separate web page.

                      STYLING OF AN IMAGE USING CSS
                      CSS allows you to enhance the appearance of images. You can use CSS to adjust the size, add
                      borders and apply special effects like shadows.

                      The following table lists all CSS properties, their values and descriptions used with the <IMG> tag:

                              Property                     Value                             Description

                               Name

                                                  Any numeric value in
                       WIDTH                                                It sets the width of the image.
                                                  px or percentage

                                                  Any numeric value in
                       HEIGHT                                               It sets the height of the image.
                                                  px or percentage

                                                  SOLID, DASHED,            It sets the style, width and colour of the
                       BORDER
                                                  DOUBLE                    border of the image.

                                                  Any numeric value in
                       BORDER-RADIUS                                        It sets the corners of the image to round.
                                                  px or percentage

                                                  A value between 0
                       OPACITY                                              It sets the transparency of an image.
                                                  and 1

                      Code 7.  Write the HTML code to present the given web page using CSS properties to add a border,
                               rounded edges and opacity around the image.

                      <!DOCTYPE HTML>

                      <HTML>
                      <HEAD>

                      <TITLE>Flamingo Facts</TITLE>

                      </HEAD>
                      <BODY STYLE="BACKGROUND-COLOR: #F0F8FF;">

                      <H1 STYLE="COLOR: #FF6347;
                      TEXT-ALIGN:  CENTER;">All About Flamingos

                      </H1>

                       38   Premium Edition-VII

| 35 36 37 38 39 40 41 42 43 44 45 |