Subscribe Free | Archives | Custom Software Development | SEO | Free eBooks | Free Downloads | Submit Your Website | Website Dir

Get Latest Posts and eBooks Direct To Your Inbox

Tuesday, March 26, 2013

Posted by V. Kapoor
No comments | 9:18 AM
You want to place a repeating image at the bottom of a heading, like the cloud as shown below:



Use the background-image, background-repeat, and background-position properties:
h2 {
font: bold italic 2em Georgia, Times, "Times New Roman", serif;
background-image: url(anyimage.jpg);
background-repeat: repeat-x;
background-position: bottom;
border-bottom: 10px solid #666;
margin: 10px 0 0 0;
padding: 0.5em 0 60px 0;
}

0 comments:

Post a Comment

Blog Archive

Fox Infotech. Powered by Blogger.

Subscribers

Translate

Payment Gateway