Nel caso che abbiamo l'esigenza di creare una cornice che contenga un titolo e del testo nel linguaggio HTML, tramite i fogli di stile possiamo dotare la pagina web come nella figura precedente.
Di seguito si riporta il frammento del foglio di stile.
.css
.contenitore {
border: 2px solid black;
padding: 20px;
width: 300px;
}
.titolo {
font-size: 20px;
font-weight: bold;
margin-bottom: 10px;
}
Per utilizzare il foglio di stile, di seguito il frammento di codice per il linguaggio HTML
.HTML
<body>
<div class="contenitore">
<div class="titolo">Titolo del Contenitore</div>
<p>Questo è il contenuto del contenitore.</p>
</div>
</body>
Nessun commento:
Posta un commento