Monday, November 7, 2011

How to Use CSS to Make Borders With Background Images

Open the HTML file you want to use to create the CSS borders and background images.





Type the following script into the <head> tag:


<script>
#borderimg {
border:#006600 medium solid;
background-image:URL(images/bgpattern.gif);
}
</script>

This will configure the borders. The "#006600" image value creates a green border. Use the image value of your choice.
 
Type the following script to create the background image:
 
<div id="borderimg">
<p>A block of data with a border and background image, paragraph one.</p>
<p> A block of data with a border and background image, paragraph two.</p>
</div>



No comments:

Post a Comment