Pour créer une barre de navigation Dreamweaver, suivez ces étapes : Créez un document HTML et insérez un conteneur de navigation DIV (class="nav-container"). Créez des listes non ordonnées et des éléments de liste dans un conteneur et ajoutez des éléments d'ancrage contenant des liens. Stylez les conteneurs, les listes et les liens de la barre de navigation dans les feuilles de style CSS.
Étape 1 : Créer un nouveau document HTML
Étape 2 : Insérer un conteneur de navigation
Étape 3 : Créer des liens de navigation
<code class="html"><div class="nav-container"> <ul> <li><a href="index.html">首页</a></li> <li><a href="about.html">关于我们</a></li> <li><a href="contact.html">联系我们</a></li> </ul> </div></code>
Étape 4 : Stylisez la barre de navigation
Exemple de style CSS
<code class="css">.nav-container { background-color: #333; color: #fff; padding: 10px; } .nav-container ul { list-style-type: none; display: flex; justify-content: space-around; } .nav-container li { padding: 0 20px; } .nav-container a { text-decoration: none; color: #fff; transition: color 0.2s ease-in-out; } .nav-container a:hover { color: #ccc; } .nav-container a.active { color: #000; background-color: #ccc; }</code>
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!