Affichage de la barre de titre supérieure

1, concevez l'état initial de la barre de titre supérieure

 
 我的海贼 路飞简介 索隆简介 娜美简介 其他人物简介 
 

affichage :

2, ajoutez le style de couleur

body{ margin: 0; margin-bottom: 80px; background-color:lightblue; } #nav{ width: 100%; background-color: skyblue; height: 80px; left: 0; top: 0; position: fixed; z-index: 2; /*text-align: center;*/ } #inner-nav{ width: 1000px; margin: 0 auto; text-decoration: none; text-align: right; height: 80px; line-height: 80px; } #inner-nav a{ margin: 0 20px; text-decoration: none; color: blue; font-size: 24px; display: inline-block; height: 80px; } #inner-nav a:hover{ background-color: white; }

affichez comme suit :