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 Add Images to Backgrounds
How To Add Images to Backgrounds? - CSS Tutorials - HTML Formatting Model: Block, Inline and Floating Elements
✍: FYIcenter.com
One image can be specified to the background at a particular position. It can also be repeated in horizontal direction, vertical direction, or both directions with the following style properties:
The following tutorial exercise shows you a comparison of transparent and non-transparent backgrounds:
<html><head> <style type="text/css"> H1 {font-size: 20px} DIV.page {width: 450px; border: 1px solid black} TABLE#out {background-color: #ffdddd} TD#box {border: 1px solid black} P#one {width: 180px; height: 300px; margin: 10px 10px 10px 10px; background: transparent url(moonrise.jpg) no-repeat scroll top right} P#two {width: 180px; height: 300px; margin: 10px 10px 10px 10px; background: #ddddff url(moonrise.jpg) repeat-y scroll top right} </style> </head><body><div class="page"> <H1>Backgrounds with Images</H1> <table id=out><tr> <td id=box><p id=one> Welcome to FYIcenter.com, the resource center for visitors like you! Hope you like it, and come back again. Submit your favor resources to FYIcenter.com to share with others. Remember to tell your friends about FYIcenter.com. </p></td> <td id=box><p id=two> Welcome to FYIcenter.com, the resource center for visitors like you! Hope you like it, and come back again. Submit your favor resources to FYIcenter.com to share with others. Remember to tell your friends about FYIcenter.com. </p></td> </tr></table> <p align="right">By FYIcenter.com</p> <div></body></html>
This HTML and CSS document will be displayed as:
2007-05-11, 4858👍, 0💬
Popular Posts:
What is DAR (Decision Analysis and Resolution) ? Decision Analysis and Resolution is to analyze poss...
What is the benefit of using #define to declare a constant? Using the #define method of declaring a ...
If we have the following in a Java code: String s="abc"; String s2="abc"; Then what will be output o...
What is the purpose of the wait(), notify(), and notifyAll() methods? The wait(),notify(), and notif...
Can you please post OpenLink Endur related FAQ's,tutorials,document s.Thanks