Durante la creazione delle pagine web, può tornare utile impostare una cornice con all'interno del testo.
Nella cornice, possiamo mettere un titolo che si trova nella parte sinistra all'interno del bordo, il tutto come mostrato nella figura precedente.
Nel file di foglio di stile (.css) scriviamo una formattazione come riportato qui di seguito.
.css
.contenitore {
border: 2px solid black;
padding: 20px;
width: 300px;
position: relative;
}
.titolo {
font-size: 20px;
font-weight: bold;
position: absolute;
top: -15px;
left: 10px;
background-color: white;
padding: 0 5px;
}
Nessun commento:
Posta un commento