lunedì 17 febbraio 2025

Html e foglio di stile per applicare una cornice contenitori

 

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: