right bottom background image position

Code:

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Start background image from its bottom</title>
<style type="text/css">
*.box { 
 background-image: url(1.jpg); 
 background-position:right bottom;
 padding-bottom:100px;
 color:#FFFFFF;
}
</style>
</head>
<body>
  <div class="box"> 
  Your text here.
  </div>
 
</body>
</html>
 

_________________
M. S. Rakha, Ph.D.
Queen's University
Canada

Author: DrRakha
Mastermind

Posts: 2715
Have thanks: 74 time

Page 1 of 1

[ 1 post ]

Related Posts to : right bottom background image position
Start background image from its bottom -
Set position of background image in pixels -
X and Y background position -
setting div background position -
Change background position when mouse over -
Move image in front of a background image -
No repeated background image -
Repeat background image on y axis -
Hide the background image by one click -
Repeat background image on x axis -

Topic Tags

CSS Background

Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group
All copyrights reserved to codemiles.com 2007-2011
mileX v1.0 designed by codemiles team
Codemiles.com is a participant in the Amazon Services LLC Associates Program, an affiliate advertising program designed to provide a means for sites to earn advertising fees by advertising and linking to Amazon.com