Home

Posizione in alto a sinistra

Posizione in basso a destra

Percentuale 25% 75%

Unità di misura px

Combinazione di parole chiave

Centro



Codice

<style>
.esempio1 {
width: 300px; height: 150px;
background-image: url('Algoritmo.jpg');
background-repeat: no-repeat;
background-position: top left;
margin-bottom: 20px;
border: 1px solid #000;
}

.esempio2 {
width: 300px; height: 150px;
background-image: url('Algoritmo.jpg');
background-repeat: no-repeat;
background-position: bottom right;
margin-bottom: 20px;
border: 1px solid #000;
}

.esempio3 {
width: 300px; height: 150px;
background-image: url('Algoritmo.jpg');
background-repeat: no-repeat;
background-position: 25% 75%;
margin-bottom: 20px;
border: 1px solid #000;
}

.esempio4 {
width: 300px; height: 150px;
background-image: url('Algoritmo.jpg');
background-repeat: no-repeat;
background-position: 50px 30px;
margin-bottom: 20px;
border: 1px solid #000;
}

.esempio5 {
width: 300px; height: 150px;
background-image: url('Algoritmo.jpg');
background-repeat: no-repeat;
background-position: right 20px bottom 10px;
margin-bottom: 20px;
border: 1px solid #000;
}

.esempio6 {
width: 300px; height: 150px;
background-image: url('Algoritmo.jpg');
background-repeat: no-repeat;
background-position: center;
margin-bottom: 20px;
border: 1px solid #000;
}
</style>
</head>
<body>
<a href="#" onClick="window.history.go(-1);">Home</a>

<h2>Posizione in alto a sinistra</h2>
<div class="esempio1"></div>

<h2>Posizione in basso a destra</h2>
<div class="esempio2"></div>

<h2>Percentuale 25% 75%</h2>
<div class="esempio3"></div>

<h2>Unità di misura px</h2>
<div class="esempio4"></div>

<h2>Combinazione di parole chiave</h2>
<div class="esempio5"></div>

<h2>Centro</h2>
<div class="esempio6"></div>