Categories:
.NET (357)
C (330)
C++ (183)
CSS (84)
DBA (2)
General (7)
HTML (4)
Java (574)
JavaScript (106)
JSP (66)
Oracle (114)
Perl (46)
Perl (1)
PHP (1)
PL/SQL (1)
RSS (51)
Software QA (13)
SQL Server (1)
Windows (1)
XHTML (173)
Other Resources:
How To Specify a Background Image
How To Specify a Background Image? - CSS Tutorials - Page Layout and Background Image Design
✍: FYIcenter.com
The quickest way to specify a background image is to use the background-image style property.
Let's try with an image from the Windows system called, follow.jpg:
The tutorial HTML and CSS document below adds a background image to the DIV tag:
<html><head> <style type="text/css"> BODY {background-color: gray; color: white} DIV.page {background-image: url(follow.jpg); width: 730px; padding: 25px; text-align: left} HR {width: 730px} P {width: 730px; font-size: 28px} H1 {font-size: 32px} </style> </head><body><center><div class="page"> <p> <img src=fyi_banner_blended.jpg width=728 width=90> </p> <H1>Background Image Repeated</H1> <hr align=left> <p><script language="JavaScript"> for (i=0; i<10; i++) { for (j=0; j<24; j++) { document.write(j+' '); } document.write('<br/>'); } </script></p> <p align="right">By FYICenter.com</p> </div></center></body></html>
View the document in any browser, you will get something like:
2007-05-11, 4757👍, 0💬
Popular Posts:
What Is the "@SuiteClasses" Annotation? "@SuiteClasses" is a class annotation defined in JUnit 4.4 i...
How To Write a Minimum Atom 1.0 Feed File? - RSS FAQs - Atom Feed Introduction and File Generation I...
How can I execute a PHP script using command line? Just run the PHP CLI (Command Line Interface) pro...
Can event’s have access modifiers ? Event’s are always public as they are meant to serve every one r...
How Are Vertical Margins between Two Block Elements Collapsed? - CSS Tutorials - Understanding Multi...