IMAGES
Images can be included through css by using the background property. For example, on this page, the image at the top could be defined as follows:#topimage{
background-image:url('topimage.gif');
position:absolute;
top:0px;
left:265px;
width:522px;
height:168px;
}
As can be assessed, the image was set in an absolute position with its height and width, in a div. It is set to be at the top of the page and 265 pixels from the left side of the browser.
Additional properties can be used to determine the way the image is displayed, namely through repeat and position. Repeat allows a smaller image to be repeated, especially patterns that span the length of a window, for example. It can be repeat, repeat-x, or repeat-y. Position allows for the placement of the image in an area larger than that of the image itself. It can be a one or a combination of the following: left, top, bottom, center, and right. For example:
#leftimage{
background-image:url('topimage.gif');
background-position:top left;
background-repeat: repeat;
}