CSS
Cascading Style Sheet
The background-position property specifies how a background image, not a color, is positioned within the canvas space used by its element.
Example
<html>
<head>
<title>Skillpundit</title>
<style type="text/css"> .img1
{
background-image: url("img/Skillpundit-positionimg.png");
background-repeat: no-repeat;
background-position: center;
}
.img2
{
background-image: url("img/Skillpundit-positionimg.png");
background-repeat: no-repeat;
background-position: bottom right;
}
.img3
{
background-image: url("img/Skillpundit-positionimg.png");
background-repeat: no-repeat;
background-position: top right;
}
</style> </head>
<body>
<table border="1" cellpadding="0" cellspacing="0" width="900" style="border:1px solid #FF3300;"> <tr> <td width="250" class="img1" height="159"> </td> <td width="250" class="img2" height="159"> </td> <td width="250" class="img3" height="159"> </td> </tr> </table> </body> </html>
<head>
<title>Skillpundit</title>
<style type="text/css"> .img1
{
background-image: url("img/Skillpundit-positionimg.png");
background-repeat: no-repeat;
background-position: center;
}
.img2
{
background-image: url("img/Skillpundit-positionimg.png");
background-repeat: no-repeat;
background-position: bottom right;
}
.img3
{
background-image: url("img/Skillpundit-positionimg.png");
background-repeat: no-repeat;
background-position: top right;
}
</style> </head>
<body>
<table border="1" cellpadding="0" cellspacing="0" width="900" style="border:1px solid #FF3300;"> <tr> <td width="250" class="img1" height="159"> </td> <td width="250" class="img2" height="159"> </td> <td width="250" class="img3" height="159"> </td> </tr> </table> </body> </html>
Output
Click for Download Image Images Zip
