Zurück

background-position: Hintergrundbilder

<style type="text/css"><!--
div{
 height:150px;
 margin:50px;
 padding:10px;
 width:300px;
 border:1px solid #000000}
//--></style>

...

<div style="background-image: url(../images/op5x.gif);background-repeat:no-repeat;
background-position:50% 50%;">
background-position:50% 50%
</div>

<div style="background-image: url(../images/op5x.gif);background-repeat:no-repeat;
background-position:50px 20px">
background-position:50px 20px
</div>

<div style="background-image: url(../images/op5x.gif);background-repeat:no-repeat;
background-position:bottom 30%">
background-position:bottom 30%
</div>

<div style="background-image: url(../images/op5x.gif);background-repeat:no-repeat;
background-position:bottom 60px">
background-position:bottom 60px
</div>

<div style="background-image: url(../images/op5x.gif);background-repeat:no-repeat;
background-position:bottom right">
background-position:bottom right
</div>

<div style="background-image: url(../images/op5x.gif);background-repeat:repeat-x;
background-position:50% 50%;">
background-position:50% 50%
background-repeat:repeat-x;
</div>

<div style="background-image: url(../images/op5x.gif);background-repeat:repeat-y;
background-position:50% 50%;">
background-position:50% 50%
background-repeat:repeat-y;
</div>