HOME
            About US
            Contact Us
            Fun Games

Website Backgroud Color
Website Backgroud ColorWebsite Backgroud Color

Exercise - 15.1 (Website Backgroud Color)


(Cotinued from previous page)

a) Make a background image by the name 'back.jpg' of size approx 100px * 100 px and place inside the 'images' folder'. Open the 'style_index.css' and insert the following at the bottom

body {background-image:url('images/back.jpg');}
Here 'back.jpg' image will fill the background

a) Open the 'style_sample.css' and insert the following at the bottom
body {background-color:gold;}



b) Now make an image for the header of your company say 'co_logo.gif' .
Please note that we have defined our header size is 800 px * 100 px (refer style sheet style_index.css and style.sample.css). Therefore the image co_logo.gif should be of size 800 * 100 px.

In both the file 'style_index.css' and 'style_sample.css' change the
Website Backgroud Colorheader { background: grey;
with Website Backgroud Colorheader { background: url('images/co_logo.gif');

Now if you click on index.html and sample.html, you will have web page as shown in Fig- 15.8 and Fig- 15.9



© funandhobby.com (Website Backgroud Color)