Stretching background image to full size
I want to make this image as the background image of my webpage. However ,
the problem is that the image doesn't cover the whole of the page, as you
may see in this preview , and it gets repeated at the rightmost end . Is
there a way so that the image covers the whole page (be it any way ,
stretching , re-sizing , or something new).
My Code:
<!DOCTYPE HTML>
<html>
<head>
<title>Angry Birds Star Wars</title>
<script src =
"http://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
<script src = "http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<style>
body {
background:
url('http://www.androidtapp.com/wp-content/uploads/2012/11/Angry-Birds-Star-Wars-Menu.png');
}
</style>
</head>
<body>
</body>
</html>
Thanks.
No comments:
Post a Comment