问题：关于贴友分类菜单的实现_html/css_WEB-ITnose
来源：http://www.ido321.com/868.html
贴友需求，实现图示菜单的分类
我对于这个问题的实现，不足之处，请求指正。
html：
1: <body>
2: <div class="test">
3: <h3 id="所有分类">所有分类</h3>
4: <div class="fenlei">
5: <h4 id="精美包包">精美包包</h4>
6: <ul>
7: <li>双肩包</li>
8: <li style="margin-left:40px;">手提包</li>
9: <li>女包</li>
10: <li style="margin-left:57px;">男包</li>
11: </ul>
12: </div>
13: <div class="fenlei">
14: <h4 id="时尚手表">时尚手表</h4>
15: <ul>
16: <li>充电器</li>
17: <li style="margin-left:40px;">男表</li>
18: <li>女表</li>
19: <li style="margin-left:57px;">情侣表</li>
20: </ul>
21: </div>
22: <div class="fenlei">
23: <h4 id="时尚化妆品">时尚化妆品</h4>
24: <ul>
25: <li>润肤霜</li>
26: <li style="margin-left:40px;">面膜</li>
27: <li>彩妆用品</li>
28: </ul>
29: </div>
30: <div class="fenlei">
31: <h4 id="潮流卫衣">潮流卫衣</h4>
32: <ul>
33: <li>男士卫衣</li>
34: <li style="margin-left:30px;">女士卫衣</li>
35: <li>进口卫衣</li>
36: </ul>
37: </div>
38: </div>
39: </body>
css:
1: *
2: {3: margin: 0 auto;
4: }
5: .test
6: {7: width: 200px;
8: height: 350px;
9: border: 1px solid red;
10: }
11: h3
12: {13: background-color: #B90101;
14: padding: 5px;
15: color: white;
16: }
17: .fenlei
18: {19: border-bottom: 1px solid #ccc;
20: width: 190px;
21: margin-top: 5px;
22: margin-left: 5px;
23: float: left;
24: }
25: .fenlei ul
26: {27: position: relative;
28: margin-left: -30px;
29: float: left;
30: }
31: .fenlei li
32: {33: float: left;
34: text-align: left;
35: margin-left: 20px;
36: margin-top: 5px;
37: }
效果如图：
演示地址：http://jsfiddle.net/Web_Code/yhLnj7gh/embedded/result/
Outils d'IA chauds
Undresser.AI Undress
Application basée sur l'IA pour créer des photos de nu réalistes
AI Clothes Remover
Outil d'IA en ligne pour supprimer les vêtements des photos.
Undress AI Tool
Images de déshabillage gratuites
Clothoff.io
Dissolvant de vêtements AI
AI Hentai Generator
Générez AI Hentai gratuitement.
Article chaud
Outils chauds
Bloc-notes++7.3.1
Éditeur de code facile à utiliser et gratuit
SublimeText3 version chinoise
Version chinoise, très simple à utiliser
Envoyer Studio 13.0.1
Puissant environnement de développement intégré PHP
Dreamweaver CS6
Outils de développement Web visuel
SublimeText3 version Mac
Logiciel d'édition de code au niveau de Dieu (SublimeText3)
Windows 11 : le moyen simple d'importer et d'exporter des mises en page de démarrage
Aug 22, 2023 am 10:13 AM
Dans Windows 11, le menu Démarrer a été repensé et propose un ensemble simplifié d'applications disposées dans une grille de pages, contrairement à son prédécesseur, qui comportait des dossiers, des applications et des applications dans le groupe du menu Démarrer. Vous pouvez personnaliser la disposition du menu Démarrer, l'importer et l'exporter vers d'autres appareils Windows pour la personnaliser à votre guise. Dans ce guide, nous discuterons des instructions étape par étape pour importer la disposition de démarrage afin de personnaliser la disposition par défaut sur Windows 11. Qu’est-ce qu’Import-StartLayout dans Windows 11 ? Import Start Layout est une applet de commande utilisée dans Windows 10 et les versions antérieures pour importer les personnalisations du menu Démarrer dans
Comment définir par défaut « Afficher plus d'options » dans le menu contextuel de Windows 11
Jul 10, 2023 pm 12:33 PM
L'un des changements les plus ennuyeux dont nous, les utilisateurs, ne souhaitons jamais est l'inclusion de « Afficher plus d'options » dans le menu contextuel du clic droit. Cependant, vous pouvez le supprimer et récupérer le menu contextuel classique dans Windows 11. Fini les clics multiples et la recherche de ces raccourcis ZIP dans les menus contextuels. Suivez ce guide pour revenir à un menu contextuel complet par clic droit sur Windows 11. Correctif 1 – Ajuster manuellement le CLSID Il s’agit de la seule méthode manuelle de notre liste. Vous ajusterez des clés ou des valeurs spécifiques dans l'Éditeur du Registre pour résoudre ce problème. Remarque – Les modifications du registre comme celle-ci sont très sûres et fonctionneront sans aucun problème. Par conséquent, vous devez créer une sauvegarde du registre avant d’essayer cela sur votre système. Étape 1 – Essayez-le
Analyser l'utilisation et la classification des commentaires JSP
Feb 01, 2024 am 08:01 AM
Classification et analyse de l'utilisation des commentaires JSP Les commentaires JSP sont divisés en deux types : commentaires sur une seule ligne : se terminant par, une seule ligne de code peut être commentée. Commentaires multilignes : commençant par /* et se terminant par */, vous pouvez commenter plusieurs lignes de code. Exemple de commentaire sur une seule ligne Exemple de commentaire sur plusieurs lignes/**Ceci est un commentaire sur plusieurs lignes*Peut commenter plusieurs lignes de code*/Utilisation des commentaires JSP Les commentaires JSP peuvent être utilisés pour commenter le code JSP afin de le rendre plus facile à lire
Comment supprimer l'option « Ouvrir dans le terminal Windows » du menu contextuel du clic droit dans Windows 11
Apr 13, 2023 pm 06:28 PM
Par défaut, le menu contextuel du clic droit de Windows 11 comporte une option appelée Ouvrir dans le terminal Windows. Il s'agit d'une fonctionnalité très utile qui permet aux utilisateurs d'ouvrir le terminal Windows à un emplacement spécifique. Par exemple, si vous cliquez avec le bouton droit sur un dossier et sélectionnez l'option « Ouvrir dans le terminal Windows », le terminal Windows se lancera et définira cet emplacement spécifique comme répertoire de travail actuel. Bien qu’il s’agisse d’une fonctionnalité géniale, tout le monde ne trouve pas son utilité. Certains utilisateurs peuvent tout simplement ne pas vouloir cette option dans leur menu contextuel du clic droit et souhaiter la supprimer pour ranger leur menu contextuel du clic droit.
Comment modifier des messages sur iPhone
Dec 18, 2023 pm 02:13 PM
L'application native Messages sur iPhone vous permet de modifier facilement les textes envoyés. De cette façon, vous pouvez corriger vos erreurs, votre ponctuation et même corriger automatiquement les mauvaises expressions/mots qui ont pu être appliqués à votre texte. Dans cet article, nous apprendrons comment modifier des messages sur iPhone. Comment modifier des messages sur iPhone Requis : iPhone exécutant iOS16 ou version ultérieure. Vous ne pouvez modifier le texte iMessage que sur l'application Messages, et seulement dans les 15 minutes suivant l'envoi du texte original. Le texte non iMessage n’est pas pris en charge, il ne peut donc pas être récupéré ou modifié. Lancez l'application Messages sur votre iPhone. Dans Messages, sélectionnez la conversation à partir de laquelle vous souhaitez modifier le message
Étapes de mise en œuvre de la mise en œuvre d'une barre de navigation dans les menus avec effet d'ombre en utilisant du CSS pur
Oct 16, 2023 am 08:27 AM
Les étapes pour implémenter une barre de navigation dans les menus avec effet d'ombre en utilisant du CSS pur nécessitent des exemples de code spécifiques. Dans la conception Web, la barre de navigation dans les menus est un élément très courant. En ajoutant un effet d'ombre à la barre de navigation du menu, vous pouvez non seulement augmenter son esthétique, mais également améliorer l'expérience utilisateur. Dans cet article, nous utiliserons du CSS pur pour implémenter une barre de navigation de menu avec un effet d'ombre et fournirons des exemples de code spécifiques pour référence. Les étapes d'implémentation sont les suivantes : Créer une structure HTML Tout d'abord, nous devons créer une structure HTML de base pour accueillir la barre de navigation des menus. par
Quelles sont les classifications de l'intelligence artificielle ?
Feb 19, 2021 am 11:22 AM
La classification de l’intelligence artificielle comprend l’IA cognitive, l’IA d’apprentissage automatique et l’apprentissage profond. L'intelligence artificielle est une nouvelle science technique qui étudie et développe des théories, des méthodes, des technologies et des systèmes d'application pour simuler, étendre et développer l'intelligence humaine.
Comment désactiver le menu Afficher plus d'options dans Windows 11
Apr 13, 2023 pm 08:10 PM
De plus en plus de personnes découvrent le nouveau système d'exploitation Microsoft amélioré, mais il semble que certains d'entre eux préfèrent encore le design à l'ancienne. Il ne fait aucun doute que le nouveau menu contextuel apporte une cohérence impressionnante à Windows 11. Si l'on considère Windows 10, le fait que chaque application possède son propre élément de menu contextuel crée une sérieuse confusion pour certaines personnes. De la barre des tâches transparente de Windows 11 aux coins arrondis, ce système d'exploitation est un chef-d'œuvre. À cet égard, les utilisateurs du monde entier souhaitent savoir comment désactiver rapidement le menu Afficher plus d’options de Windows 11. Le processus est assez simple, donc si vous êtes dans le même bateau, assurez-vous de le vérifier complètement
