L'ordre des mots flottants à droite en CSS est inversé
古今公子?
古今公子? 2021-08-02 23:37:40
0
3
2099

<style>

*{ margin:0; remplissage : 0 ; list-style:aucun;}

img{ border:0;}

.header{ width:100%; background:#11192c;}

.nav{largeur:1000px; marge : 0 automatique ; overflow:hidden;}

.nav ul li{ hauteur:40px; hauteur de ligne : 40 px ; Flotter à droite; remplissage : 10 px 10 px ; margin:0px 5px;position:relative;}

.nav ul li a{ color:#8f8f8f; famille de polices : « Microsoft Yahei » ; taille de police : 17 px ; Flotter à droite; text-decoration:none;}

.nav ul li a:hover{ color:#ffffff; text-decoration:none;}

.nav ul li span{ display:block; position : absolue ; largeur:0px; hauteur:0px; arrière-plan :#ffffff ; haut : 58 px ; gauche:50%;}

</style>

</head>

<body>

<!-- 代码begin -->

<div class="header"> ;

<div class="nav">

<ul>

<li><a href='#'>1</a><span></span> ;</li>

    <li><a href='#'>2</a><span></span></li>

    <li><a href='#'>3</a><span></span></li>

    <li><a href='#'>4</a><span> ;</span></li>

    <li><a href='#'>5</a><span></span></li>

    < li><a href='#'>6</a><span></span></li>

</ul>

</div>

</ div>

古今公子?
古今公子?

répondre à tous(1)
Peter_Zhu

Étudiant, quel effet voulez-vous obtenir ? Pouvez-vous publier une photo ? Avec autant de code, devez-vous demander à quelqu'un de l'exécuter pour comprendre votre problème ? Posez simplement la question directement, joignez l'image, expliquez les exigences, et vous C'est le moyen le plus rapide de répondre aux questions

  • répondre Je l'ai résolu moi-même, merci
    古今公子? auteur 2021-08-04 09:20:04
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!