Using CSS for background graphics can be a life saver in bandwidth and appearance.
The Tag
<style type="text/css">
<!-- So that older browsers don't print the code...
BODY {background: (background.gif) repeat-y}
-->
</style>
|
Side Notes:
Red Text is commentary and is not included in
the code.
Green Text is included in the code but has
strict rules.
Yellow Text is included in the coding but
has many interchangeable elements.
"background.gif"
You must change this text to the actual image
that you want to use for a background.
Also in your Body tags you still need to enter
<body background="exback.gif">.
"repeat-y"
This can be interchanged with many
different properties.
- repeat (Causes the graphic image to be repeated along both axes.)
- no-repeat (prevents any repition of the graphic image)
- repeat-x (Causes the graphic image to be repeated along the x-axis only)
- repeat-y (Causes the graphic image to be repeated along the y-axis only)
Back to CSS Tutorials
|
