1 1 1 1 1 1 1 1 1 1 (0 Votes)

Esempio 56: usiamo le tipiche proprietà Css che creano dei layout applicate in questo esempio ai tag "P" e "A" (paragrafi e link). Le proprietà trasformano l'area intorno agli oggetti formando dei blocchi con bordo colorato. Le due "A" sono oggetti "inline" che vengono trasformati in "block" grazie alla proprietà "display".  Risultato

<!DOCTYPE html>

<html lang="it">

<head>

<meta charset="UTF-8">

<title>Titolo del documento</title>

<style>

p, a {
border:5px solid #F00;
width: 50%;
margin:20px;
padding:30px;
display:block;
}

</style>

</head>

<body>

<h1>Il ristorante francese Bocuse perde la terza stella Michelin</h1>

<p>L'Auberge du Pont de Collonges, noto anche come Paul Bocuse o Bocuse, è un ristorante a Collonges-au-Mont-d'Or vicino a Lione, in Francia. Lo chef era Paul Bocuse. Lo chef Paul Bocuse è morto il 20 gennaio 2018 nella stessa stanza sopra il suo ristorante in cui è nato nel 1926.</p>

<p> Nella sua edizione 2020 la prestigiosa guida Michelin ha retrocesso il ristorante Paul Bocuse, fiore all'occhiello della gastronomia francese, ritirandogli la terza stella. Lo riferisce la France Presse. "La qualità del locale rimane eccellente ma non più a livello di tre stelle", questa la spiegazione fornita.</p>

<a href="https://www.w3schools.com">Visit W3Schools.com!</a>
<a href="https://www.w3schools.com">Visit W3Schools.com!</a>

<!-- le due "a" si sovrappongono in quanto sono oggetti inline e non block level - per evitare la sovrapposizione usare display -->

</body>

<!-- esempio realizzato o adattato per il corso gratuito Html/Css di https://www.guideinformaticagratis.it/ -->

</html>

Risultato  






  • Nessun commento trovato

Lascia i tuoi commenti

Posta commento come visitatore

0
I tuoi commenti sono soggetti a moderazione da parte degli amministratori.