May 2000
Intermediate to advanced
472 pages
14h 17m
English
Content preview from Cascading Style Sheets: The Definitive Guide
Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
O’Reilly covers everything we've got, with content to help us build a world-class technology community, upgrade the capabilities and competencies of our teams, and improve overall team performance as well as their engagement.I wanted to learn C and C++, but it didn't click for me until I picked up an O'Reilly book. When I went on the O’Reilly platform, I was astonished to find all the books there, plus live events and sandboxes so you could play around with the technology.I’ve been on the O’Reilly platform for more than eight years. I use a couple of learning platforms, but I'm on O'Reilly more than anybody else. When you're there, you start learning. I'm never disappointed.I'm always learning. So when I got on to O'Reilly, I was like a kid in a candy store. There are playlists. There are answers. There's on-demand training. It's worth its weight in gold, in terms of what it allows me to do.
Complex Backgrounds
Having
covered the basics of foreground and
background colors, we turn now to the subject of background images.
In HTML, it’s possible to associate an image with the
background of the document by using the BODY
attribute BACKGROUND:
<BODY BACKGROUND="bg23.gif">
This will cause a user agent to load the file
bg23.gif and then “tile” it in the
document background, repeating it in both the horizontal and vertical
directions to fill up the entire background of the document, as shown
in Figure 6-22.
Figure 6-22. Applying a background image in HTML
This effect can be duplicated in CSS, but CSS contains a great deal more than simple tiling of background images. We’ll start with the basics and then work our way up.
Background Images
In order to
get an image into the background in the first place, the property
background-image is used.
The default value of none means about what
you’d expect: no image is placed in the background. If you want
a background image, then you need only give this property a
URL value:
BODY {background-image: url(bg23.gif);}
Due to the default values of other
background properties, this will cause the image
bg23.gif to be tiled in the document’s
background, as shown in Figure 6-22.
It’s usually a good idea to specify a background color to go along with your background ...
Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.
Read now
Unlock full access
More than 5,000 organizations count on O’Reilly
O’Reilly covers everything we've got, with content to help us build a world-class technology community, upgrade the capabilities and competencies of our teams, and improve overall team performance as well as their engagement.Julian F.
I wanted to learn C and C++, but it didn't click for me until I picked up an O'Reilly book. When I went on the O’Reilly platform, I was astonished to find all the books there, plus live events and sandboxes so you could play around with the technology.Addison B.
I’ve been on the O’Reilly platform for more than eight years. I use a couple of learning platforms, but I'm on O'Reilly more than anybody else. When you're there, you start learning. I'm never disappointed.Amir M.
I'm always learning. So when I got on to O'Reilly, I was like a kid in a candy store. There are playlists. There are answers. There's on-demand training. It's worth its weight in gold, in terms of what it allows me to do.