Créer de navigation “fil d'ariane”

Je me demande comment je suis capable d'obtenir ce avec CSS/CSS3 et HTML. Comment cela peut-il être fait?

Créer de navigation “fil d'ariane”

Comme vous pouvez le voir, je l'ai souligné les 3 fil d'ariane de navigation.

Vous avez besoin de beaucoup plus d'informations pour obtenir toutes les réponses utiles. Avez-vous déjà un mécanisme pour suivre les liens que l'utilisateur a visités? Si non, êtes-vous demander à ce sujet ou vous êtes tout simplement se demander comment le style de navigation de l'affichage?
Juste pour l'affichage. Y at-il des "mécanisme"? Vous savez tout?

OriginalL'auteur oliverbj | 2011-11-29

  1. 1
    <!DOCTYPE html>
<html>
<head>
<style type="text/css">
html{
background:#222;
font-size:12px;
font-family:Arial;
}
ul#breadcrumbs{         
list-style:none;
/* optional */
margin:100px;
padding:10px 2px 10px 10px;
background:#000;
width:295px;
height:30px;
border-radius:5px;
border:1px solid #222;
-moz-box-shadow:0 0 3px 0 #000;
}
ul#breadcrumbs li{
float:left;
background:#93ce68 url(bg.png)no-repeat right;
height:30px;
padding:0 23px 0 10px;
text-align:center;
text-decoration:none;
color:#000;
line-height:32px;
}
ul#breadcrumbs li.active{
background:url(bg.png)no-repeat right;
color:#000;
}
ul#breadcrumbs li a{
display:block;
text-decoration:none;
color:#fff;
line-height:32px;
text-shadow:0 0 2px #222;
}
ul#breadcrumbs li a:hover{
color:#a2ff00;
}
</style>
</head>
<body>
<ul id="breadcrumbs">
<li><a href="">Home</a></li>
<li><a href="">Page1</a></li>
<li><a href="">Page2</a></li>
<li class="active">About Us</li>
</ul>
</body>
</html>

    Créer de navigation “fil d'ariane”

    Enregistrer l'image dans la racine de html et de l'utilisation clearfix pour l'ul de compensation li float valeur. si vous utilisez CSS border technique, susceptible de rendre floue la frontière dans certains navigateur.
    Espérons qu'il permettra de résoudre votre requête.

    OriginalL'auteur Code Lover