<!DOCTYPE html>
<html lang="en">
<head>
<title>CSS3 Backgrounds</title>
<style type="text/css">
.css3_background{
width:300px;
height:152px;
background:url(images/bg_1.jpg) no-repeat;
background-size: contain;
border: 2px solid #0099da;
color:#FFF;
padding:10px;
}
</style>
</head>
<body>
<div class="css3_background">
Lorem Ipsum is simply dummy text of the printing and typesetting industry.
Lorem Ipsum has been the industry's standard dummy text ever since the 1500s
</div>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<title>CSS3 Multi Backgrounds</title>
<style>
.css3_multibackground {
background-image: url(images/m_b_1.jpg), url(images/m_b_2.jpg);
background-position: left top, left top;
background-repeat:no-repeat, repeat;
padding: 10px;
color:#FFF;
}
</style>
</head>
<body>
<div class="css3_multibackground">
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.
Lorem Ipsum has been the industry's standard dummy text ever since the 1500s</p>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.
Lorem Ipsum has been the industry's standard dummy text ever since the 1500s</p>
</div>
</body>
</html>
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s