Semplice uso dei css3 per creare un cerchio.
Pagina HTML.
1 2 3 4 5 6 7 8 9 10 |
<!DOCTYPE html> <html> <head> <link href='style.css' rel='stylesheet' type='text/css'> </head> <body> <div class="cerchio"><p>Cerchio</p></div> </body> </html> |
Foglio di Stile(CSS)
1 2 3 4 5 6 7 8 9 10 11 |
div.cerchio{ width: 150px; /* Larghezza */ height: 150px; /* Altezza */ background: green; /* Sfondo */ border-radius: 50%; /* Impostato 50% ogni elemento sarà circolare */ } p { text-align: center; /*Allineamento centrale */ margin-top: 50px; /*Margine del paragrafo */ } |