Alcuni esempi in XHTML

0
53

Alcuni esempi in XHTML con Style.

A chi non piacerebbe avere dei contenitori con bordi smussati come questi? L’operazione è di una semplicità sorprendente, a patto che il vostro browser supporti i CSS3 e di conseguenza la proprietà border-radius.

XHTML con Style

Corso gratuito e completo per principianti e non

disponibile su
web-link.it

 

XHTML con Style

Corso gratuito e completo per principianti e non

disponibile su
web-link.it

 

XHTML con Style

Corso gratuito e completo per principianti e non

disponibile su
web-link.it

 

XHTML con Style

Corso gratuito e completo per principianti e non

disponibile su
web-link.it

Questo il codice CSS per ottenerlo:

#bordo {
background-color:#ffff99;
padding: 5px 25px 5px 25px;
margin: 10px 15px 10px 15px;
width: 200px;
border-radius: 0px 0px 20px 20px;
}

Questo il codice HTML per ottenerlo:

<div id=”bordo”>XHTML con Style
Corso gratuito e completo per principianti e non
disponibile su
web-link.it</div>

O questo menù di navigazione:

per i quali poter scegliere il colore preferito:

Questo il codice CSS per ottenerlo:

#navlist {
padding: 3px 0;
margin-left: 0;
border-bottom: 1px solid #778;
font: bold 12px Verdana, sans-serif;}

#navlist li {
list-style: none;
margin: 0;
display: inline;}

#navlist li a {
padding: 3px 0.5em;
margin-left: 3px;
border: 1px solid #778;
border-bottom: none;
background: #b1d6a7;
text-decoration: none;}

#navlist li a:link { color: #448;}

#navlist li a:visited { color: #667;}

#navlist li a:hover {
color: #000;
background: #009900;
border-color: #227;}

#navlist li a#current {
background: white;
border-bottom: 1px solid white;}

Questo il codice HTML per ottenerlo:

<div id=”navcontainer”>
<ul id=”navlist”>
<li id=”active”><a href=”#” id=”current”>pagina uno</a></li>
<li><a href=”#”>pagina due</a></li>
<li><a href=”#”>pagina tre</a></li>
<li><a href=”#”>pagina quattro</a></li>
<li><a href=”#”>pagina cinque</a></li>
</ul>
</div>

Per questo menù trovate maggiori spiegazioni su questo link

Il codice menù non è di mia invenzione ma frutto anonimo della rete.

PS: vuoi imparare a usare l'HTML come un vero professionista in pochissimo tempo?

Segui il miglior video corso di HTML

corso HTML5

Impara la tecnologia che sta ALLA BASE del mondo Internet di oggi, in particolar modo se vuoi creare siti facilmente indicizzabili e responsive.

12345
33 Recensioni, aggiornato l'8 agosto 2018

CONDIVIDI
Articolo precedenteTrasferire il lavoro on-line con FTP
Prossimo articoloConclusioni
La nostra redazione è costantemente impegnata nel ricercare fonti attendibili e produrre contenuti informativi, guide e suggerimenti utili gratuiti per i lettori di questo sito.

LASCIA UN COMMENTO

Please enter your comment!
Please enter your name here