Liste complète des attributs DIV couramment utilisés, organisée par vous-même_HTML/Xhtml_Production de pages Web

1. Liste d'attributs

Copiez le code

Le code est le suivant :

couleur : #999999 Couleur du texte
font-family : police de style chanson
font-size : 10pt Taille du texte
font-style:itelic Style italique du texte
font-variant:small -caps small Font
lettre-espacement : 1 pt Espacement du texte
hauteur de ligne : 200 % Définir la hauteur de la ligne
font-weight:bold Texte gras
vertical-align:sub Indice
vertical - align:super Superscript
text-decoration:line-through Ajouter ?h pour diviser la ligne
text-decoration:overline Ajouter la ligne supérieure
text-decoration:underline Ajouter un soulignement
text-decoration: none ? hSauf pour connecter la ligne du bas
text-transform : majuscule Le premier mot est en majuscule
text-transform : majuscules en anglais
text-transform : écriture anglaise en minuscules
text-align:right Texte * right -aligned
text-align:left text*left align
text-align:center text center align
Ceci sont quelques effets de texte simples qui peuvent être appliqués aux pages CSS.
Arrière-plan
couleur d'arrière-plan : noir Couleur d'arrière-plan
image d'arrière-plan : url(image/bg.gif) Image d'arrière-plan
pièce jointe d'arrière-plan : fixe Arrière-plan fixe
répétition d'arrière-plan : répéter Répéter Arrangement - page Web par défaut
background-repeat : no-repeat non-repeat arrangement
background-repeat : répéter-x répète l'arrangement sur l'axe des x
background-repeat : répéter-y répète l'arrangement sur l'axe y
background-position : 90% 90% La position des axes x et y de l'image d'arrière-plan
Lien
A Tous les hyperliens
A:lien Format de texte de l'hyperlien
A :visité Format du texte du lien parcouru
A:actif Appuyez sur le format de connexion
A:survol Déplacez la souris sur la connexion
Bordure
border-top : 1px cadre supérieur noir uni
border-bottom : 1px cadre inférieur solide #6699cc
bordure gauche : 1px bordure gauche solide #6699cc
bordure droite : 1px bordure droite solide #6699cc
bordure : 1px solide #6699cc quatre bordures
ligne pointillée
<br>Ligne continue<br><TEXTAREA STYLE="border:1px solid pink"> la même que la hauteur de ligne du texte, c'est-à-dire line- Il suffit que les valeurs de height et height soient les mêmes. Enfin, donnez au div un over-flow: caché pour masquer la partie excédentaire. <br><br> </div> <br> 2. Attributs communs <strong> </strong> <br><br><div class="msgheader"> <div class="right"> <span style="CURSOR: pointer" onclick="copycode(getid('phpcode95'));">Copier le code<u></u></span>Le code est le suivant :</div> <div class="msgborder" id="phpcode95"> <br>1. Hauteur : définissez la hauteur du DIV ; Largeur : définissez la largeur du DIV. <br>2. Marge : utilisée pour définir la marge étendue du DIV, qui est la distance par rapport au conteneur parent. margin : suivi de quatre distances, qui sont les distances depuis le haut, la droite, le bas et la gauche du conteneur parent ; margin : [top][right][bottom][left] <br> peut être défini séparément : margin-left : à La distance jusqu'à la bordure gauche du conteneur parent ; margin-right : la distance jusqu'à la bordure droite du conteneur parent ; margin-top : la distance jusqu'à la bordure supérieure du conteneur parent ; la bordure inférieure du conteneur parent. <br>3. remplissage : utilisé pour définir la marge intérieure du DIV (la distance entre le sous-élément intérieur et la limite du DIV). padding : suivi de quatre distances, qui sont les distances depuis le haut, la droite, le bas et la gauche du conteneur parent ; margin : [top][right][bottom][left] : Il convient de noter que la distance définie par le remplissage n'est pas inclus dans Dans sa propre largeur et hauteur (dans IE7 et FF), par exemple, si la largeur d'un DIV est définie sur 100 px et que le padding-left est défini sur 50 px, alors le DIV aura une largeur de 150 px lorsque affiché sur la page. <br>4. border : définissez le style de bordure du DIV ; display : définissez l'attribut d'affichage. Ses valeurs incluent block et none ; float : définit la direction du flux du DIV sur la page. Ses valeurs incluent left (affichée à gauche), right (affichée à droite) et none <br>background : Définissez le style d'arrière-plan du DIV ; après l'arrière-plan, vous pouvez suivre directement la couleur d'arrière-plan, l'image d'arrière-plan, la méthode de mosaïque et d'autres styles. Il peut également être défini séparément à l’aide des propriétés suivantes. <br>Background-color : Définir la couleur d'arrière-plan ; background-attachment : La méthode de fixation de l'image d'arrière-plan, ses valeurs sont défilantes et fixes ; background-image : Spécifiez l'image d'arrière-plan existante ; méthode de mosaïque de l'image d'arrière-plan. Ses valeurs incluent no-repeat (non carrelé), répétition (carrelé dans deux directions), répétition-x (carrelé horizontalement), répétition-y (carrelé verticalement) : positionnez la position de l'arrière-plan dans le DIV . Sa valeur a différentes combinaisons de haut en bas à gauche à droite. Vous pouvez également spécifier un emplacement spécifique à l'aide de coordonnées. <br>5. Position : définissez la méthode de positionnement du DIV. Il existe quatre attributs de position : statique, fixe, relative et absolue. Couramment utilisé relatif et absolu. S'il est spécifié comme statique, le DIV suit les règles HTML ; s'il est spécifié comme relatif, vous pouvez utiliser haut, gauche, droite et bas pour définir le décalage du DIV dans la page (par rapport à son propre décalage), mais les calques ne peuvent pas être utilisés pour le moment ; s'il est spécifié comme absolu, vous pouvez utiliser top, left, right et bottom pour positionner de manière absolue le DIV (à son élément parent le plus proche s'il est spécifié comme fixe, la position de) ; le DIV dans IE7 et FF est fixe par rapport à l'écran Aucun changement, cela n'a aucun effet dans IE6 (je ne sais pas pourquoi). <br>6. Police : Spécifiez le style du texte dans le DIV, qui peut être suivi de plusieurs styles du texte. font-family : définissez le nom de la police à utiliser ; font-weight : spécifiez l'épaisseur du texte, ses valeurs incluent le gras, le plus clair, etc. ; Spécifiez le style du texte, ses valeurs incluent l'italique normal oblique, etc. ; couleur : spécifie la couleur du texte ; text-align : spécifie l'alignement horizontal du texte, ses valeurs incluent le texte centré (centre) gauche à droite ; -decorator : utilisé pour la décoration du texte ; ses valeurs incluent aucun soulignement, surlignement et Une combinaison de text-indent : définit l'indentation du texte ; Ses valeurs incluent les minuscules majuscules (mettre la première lettre en majuscule) aucune direction : la direction du flux du contenu. Ses valeurs incluent ltr (de gauche à droite), rtl (de droite à gauche) ; line-height : spécifie la hauteur de ligne du texte ; <br>7. Débordement : Contrôle de débordement de contenu. Ses valeurs incluent le défilement (la barre de défilement est toujours affichée), visible (la barre de défilement n'est pas affichée, mais la partie excédentaire est visible), auto (la barre de défilement est affichée lorsque le contenu est affiché). dépasse) et masqué (la barre de défilement s'affiche lorsque le contenu dépasse le contenu). <br> </div> <br><strong>3. Quelques effets spéciaux : <br><br></strong>1. z-index : Définissez l'ordre d'empilement des DIV. Lors de l'utilisation de l'attribut z-index, la position doit être spécifiée comme absolue. <br><br>2. curseur : Définissez le style du curseur sur le DIV. <br><br>3. clip : définissez le rectangle de découpage. clip:rect(top right bottom left); Définit la distance entre le haut, le bas, la gauche et la droite, mais à ce stade, la position doit être spécifiée comme absolue. <br><br>4. Filtre de transparence d'opacité : alpha(opacity=value) par exemple : filter:alpha(opacity=50);opacity:0.5; <br><br><strong>4. </strong><br><br>Positionnement absolu et positionnement relatif (position) <strong> </strong><br>Positionnement absolu : <br><br>Les attributs de positionnement seront la clé du bonheur des internautes : <br><br>H4 { position : absolue ; gauche : 100px ; haut : 43px } <br><br>Cette règle CSS permet au navigateur de définir la position de départ de <H4> 43 pixels de son sommet. Notez que les seuls paramètres ici sont la gauche et le haut. En d'autres termes, le texte entrera dans la fenêtre du navigateur de gauche à droite et de haut en bas. <br><br>Les attributs left et top sont très intuitifs. Left (gauche) définit la distance par rapport au côté gauche de la fenêtre du navigateur, et top (top) définit la distance par rapport au haut de la fenêtre du navigateur. Lors du réglage de ces distances, vous pouvez utiliser différentes unités de degrés ou valeurs d'échelle que vous avez connues. Lors de l'utilisation de valeurs d'échelle, les valeurs d'échelle sont relatives aux dimensions de l'entité parent. <br><br>Que pouvez-vous cibler ? rien! Paragraphes, mots, images GIF et JPEG, films QUICKTIME et bien plus encore. <br><br>Positionnement relatif : <br><br>Le positionnement absolu permet de positionner avec précision un élément à sa position indépendante sur la page, quels que soient les paramètres de positionnement des autres éléments sur la page. Le positionnement relatif signifie que la position de l'entité que vous positionnez est relative à la position qui lui est assignée dans le fichier. Exemple : <br><br>I { position: relative; left: 40px; top: 10px } <br><br>La clé du positionnement relatif est que la position de l'élément positionné est relative à l'endroit où il devrait normalement se trouver. . Des unités de positionnement relatif apparaissent entre des lignes d'unités de positionnement statiques ordinaires et sont positionnées sans se séparer complètement des unités de positionnement statique. Si vous arrêtez d'utiliser le positionnement relatif, la position d'affichage du texte reviendra à la normale. Soyez prudent lorsque vous utilisez le positionnement relatif, sinon cela peut facilement encombrer la page. <br><br>En plus du positionnement relatif et du positionnement absolu, vous pouvez également utiliser des valeurs de paramètres statiques. Statique est la valeur par défaut de l'attribut position. Son utilisation est la même que la méthode de positionnement en HTML ordinaire, et aucun paramètre de positionnement spécial ne peut être associé. Autrement dit, rien d'autre ne peut affecter le positionnement d'une cellule à l'exception de la propriété margin ou du fait de faire flotter la cellule à l'aide de la propriété float. <br><br><br>Contrôle de l'unité de positionnement (largeur, hauteur, visibilité) <strong> </strong><br>En plus de contrôler la position du coin supérieur gauche de l'unité de positionnement, vous pouvez également contrôler la largeur et hauteur de l'unité et la visibilité de l'unité sur la page. <br><br>Largeur : Les éléments positionnés seront toujours affichés de gauche à droite lorsqu'ils sont affichés sur la page. Vous pouvez utiliser l'attribut width pour définir des restrictions sur le flux de caractères vers la droite, c'est-à-dire pour définir la largeur de l'élément. <br><br>DIV { position: absolue; gauche: 200px; haut: 40px; largeur: 150px } <br><br>Lorsque le navigateur reçoit cette règle, il affichera le texte selon l'effet spécifié par la règle. , et également Limiter la taille horizontale maximale des paragraphes à 150 pixels. <br><br>L'attribut width s'applique uniquement aux entités positionnées de manière absolue. Vous pouvez utiliser n'importe quelle unité de longueur que nous avons connue ou définir la largeur à l'aide d'une valeur d'échelle relative à l'entité parent. Dans IE 4, cet attribut est également disponible pour les images. Vous pouvez élargir ou compresser artificiellement l’image grâce au paramètre de largeur. <br><br>Hauteur : En théorie, la hauteur doit être définie de la même manière que la largeur, mais dans le sens vertical : <br><br>DIV { position : absolue gauche : 200 px top : 40 px hauteur : 150 px ; } <br><br>Ici j'utilise « théoriquement » car certains navigateurs ne supportent pas l'attribut height. <br><br>Visibilité : Grâce à CSS, vous pouvez masquer des éléments afin qu'ils ne soient pas visibles sur la page. Cet attribut s'applique aux entités localisées et non localisées. <br><br>H4 { visibilité : caché } <br><br>Options : <br><br>visible rend la fonctionnalité visible<br><br>masqué rend la fonctionnalité masquée<br><br>hériter Indique qu'il héritera des paramètres de visibilité de la fonctionnalité parent. <br><br>La valeur hériter est la valeur par défaut. Cela fait que la cellule hérite de la visibilité de la cellule parent. Ainsi, si un paragraphe est masqué, toutes les cellules en ligne qu’il contient sont également masquées. Cet héritage peut être remplacé par une visibilité explicitement spécifiée. Par exemple, si une cellule EM dans une section est désignée comme visible et que la section est masquée, tout le reste du contenu de la section disparaîtra et seul le texte de la cellule EM sera visible. <br><br>Lorsqu'un élément est masqué, il occupe toujours l'espace d'origine dans la fenêtre du navigateur. Ainsi, si vous enroulez du texte autour d’une image masquée, il apparaîtra comme si le texte entourait une zone vide. Cette actualité <br><br>Cet attribut est utile lors de l'écriture de langages et de l'utilisation de HTML dynamique. Par exemple, vous pouvez faire en sorte qu'un certain paragraphe ou une image ne s'affiche que lorsque la souris passe dessus. <br><br><br>Niveau de l'unité (z-index) <strong> </strong><br>L'attribut z-index est utilisé pour empiler les cellules sur l'écran. Par défaut, les unités sont empilées dans l'ordre dans lequel elles apparaissent dans le balisage HTML, c'est-à-dire que les unités qui apparaissent plus tard sont empilées sur les unités qui apparaissent plus tôt. La propriété Z-index définit en fait l'ordre d'empilement des unités sœurs et l'empilement des unités par rapport à leurs unités parentes. Selon le projet de spécification, les groupes d'unités avec des valeurs d'indice z positives sont empilés au-dessus de leurs unités parentes, et leur propre ordre d'empilement est déterminé par la taille de leurs valeurs (les unités avec des valeurs plus grandes sont sur haut). De même, les groupes d'unités avec des valeurs d'indice z négatives sont empilés sous l'unité parent, et leur propre ordre d'empilement est également déterminé par la taille de la valeur (les unités avec des valeurs plus grandes sont sur la couche supérieure, par exemple , les unités avec une valeur de -1 se trouvent dans la couche supérieure -2 au-dessus de l'unité). <br><br>Utilisez des entiers purs pour cette valeur de paramètre. z-index est utilisé pour les entités positionnées de manière absolue ou relative. Vous pouvez également définir le z-index de l'image. (Pour Communicator, il est préférable d'envelopper la balise <IMG> dans une balise <SPAN> ou <DIV>, puis d'appliquer l'index z à la balise <SPAN> ou <DIV>.) <br><br> <strong>Clip des unités en position absolue (clip) <br></strong><br>Les unités en position absolue peuvent être découpées - c'est-à-dire découper la zone affichée à l'utilisateur, affichant seulement une partie de l'unité et rendant le reste transparent . Ce n'est pas une fonctionnalité très utile pour les pages Web traditionnelles basées sur du texte et des images. Mais cela est utile si des pages multimédia sont nécessaires. Par exemple, Netscape Communivator 4 et Internet Explorer 4 prennent tous deux en charge les pages multimédia. Ils ajustent dynamiquement la zone de découpage autour de l'unité via l'interface de script du document, de sorte que le texte en ligne continue "se croise" et que les images apparaissent en fondu et d'autres fonctionnalités d'affichage. <br><br>En CSS, le découpage est contrôlé via la fonction de clip. Cette fonctionnalité ne peut être utilisée que pour les unités positionnées de manière absolue. Sa valeur par défaut est auto, qui coupe l'unité en fonction de son bord extérieur (ce qui équivaut en fait à aucun découpage). . De plus, la zone de clip peut être définie par l'expression suivante : <br><br>clip : rect(top,right.bottom,left <br><br>où top, right, bottom et left sont respectivement les zone de clip rectangulaire Positions des bords supérieur, droit, inférieur et gauche par rapport au coin supérieur gauche de l'unité découpée. Les valeurs de Top, right, bottom et left peuvent être n'importe quelle valeur de longueur absolue ou relative (mais pas une valeur en pourcentage) ou le mot-clé auto. La valeur auto signifie qu'une fois tous les côtés de la zone de découpage placés, aucun contenu de l'unité découpée ne dépassera cette zone. <br><br><strong>Débordement de l'unité de contrôle (débordement) </strong> <br><br>Fixez la largeur et la hauteur de l'unité de positionnement absolu ou relatif. Il est probable que la zone spécifiée ne puisse pas répondre aux besoins de l'unité de positionnement absolue ou relative. contenu réel de l’unité. Cela provoque un débordement du contenu de l’unité. Vous pouvez utiliser overflow pour spécifier comment le navigateur gère le débordement : la valeur none (valeur par défaut) permet au navigateur d'afficher le contenu de débordement, afin que la cellule puisse déborder de la zone spécifiée. La valeur clip nécessite que le navigateur coupe le contenu de la cellule en bas et à droite de la cellule, afin que le contenu de la cellule au-delà de la zone spécifiée ne soit pas affiché. Le défilement de la valeur nécessite également que le navigateur coupe le contenu de la cellule en bas et à droite de la cellule (comme pour le clip). Cependant, le navigateur doit (si possible) fournir des barres de défilement pour la cellule afin que l'utilisateur puisse faire défiler le contenu découpé. contenu.</div> </div> </div> <div style="height: 25px;"> <div class="wzconBq" style="display: inline-flex;"> <span>Étiquettes associées：</span> <div class="wzcbqd"> <a onclick="hits_log(2,'www',this);" href-data="https://www.php.cn/fr/search?word=div" target="_blank">div</a> </div> </div> <div style="display: inline-flex;float: right; color:#333333;">source：php.cn</div> </div> <div class="wzconOtherwz"> <a href="https://www.php.cn/fr/faq/11566.html" title="Production HTML CSS d'une simple barre de progression_HTML/Xhtml_web production de pages"> <span>Article précédent：Production HTML CSS d'une simple barre de progression_HTML/Xhtml_web production de pages</span> </a> <a href="https://www.php.cn/fr/faq/11570.html" title="Style par défaut de l'élément HTML4.0 arrangement_HTML/Xhtml_production de pages Web"> <span>Article suivant：Style par défaut de l'élément HTML4.0 arrangement_HTML/Xhtml_production de pages Web</span> </a> </div> <div class="wzconShengming"> <div class="bzsmdiv">Déclaration de ce site Web</div> <div>Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn</div> </div> <ins class="adsbygoogle" style="display:block" data-ad-format="autorelaxed" data-ad-client="ca-pub-5902227090019525" data-ad-slot="2507867629"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> <div class="wzconZzwz"> <div class="wzconZzwztitle">Derniers articles par auteur</div> <ul> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/fr/faq/1796639331.html">Qu'est-ce qu'une NullPointerException et comment y remédier ?</a> </div> <div>2024-10-22 09:46:29</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/fr/faq/1796629482.html">De novice à codeur : votre voyage commence par les principes fondamentaux du C</a> </div> <div>2024-10-13 13:53:41</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/fr/faq/1796628545.html">Débloquer le développement Web avec PHP : guide du débutant</a> </div> <div>2024-10-12 12:15:51</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/fr/faq/1796627928.html">Démystifier C : un chemin clair et simple pour les nouveaux programmeurs</a> </div> <div>2024-10-11 22:47:31</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/fr/faq/1796627806.html">Libérez votre potentiel de codage : programmation C pour les débutants absolus</a> </div> <div>2024-10-11 19:36:51</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/fr/faq/1796627670.html">Libérez votre programmeur intérieur : C pour les débutants absolus</a> </div> <div>2024-10-11 15:50:41</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/fr/faq/1796627643.html">Automatisez votre vie avec C : scripts et outils pour les débutants</a> </div> <div>2024-10-11 15:07:41</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/fr/faq/1796627620.html">PHP Made Easy : vos premiers pas dans le développement Web</a> </div> <div>2024-10-11 14:21:21</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/fr/faq/1796627574.html">Construisez n'importe quoi avec Python : un guide du débutant pour libérer votre créativité</a> </div> <div>2024-10-11 12:59:11</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/fr/faq/1796627539.html">La clé du codage : libérer la puissance de Python pour les débutants</a> </div> <div>2024-10-11 12:17:31</div> </li> </ul> </div> <div class="wzconZzwz"> <div class="wzconZzwztitle">Derniers numéros</div> <div class="wdsyContent"> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a href="https://www.php.cn/fr/wenda/176399.html" target="_blank" title="Déplacez le contenu vers la gauche en ajoutant la propriété Largeur" class="wdcdcTitle">Déplacez le contenu vers la gauche en ajoutant la propriété Largeur</a> <a href="https://www.php.cn/fr/wenda/176399.html" class="wdcdcCons">J'ai prévu des marges au corps. main {gauche marge : 200px ; marge droite : 200px ; aligne...</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan"> Depuis 2024-04-06 22:01:35</span> </div> <div class="wdcdciright flexRow"> <div class="wdcdcirdz flexRow ira"> <b class="wdcdcirdzi"></b>0 </div> <div class="wdcdcirpl flexRow ira"><b class="wdcdcirpli"></b>3</div> <div class="wdcdcirwatch flexRow ira"><b class="wdcdcirwatchi"></b>816</div> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a href="https://www.php.cn/fr/wenda/176388.html" target="_blank" title="Comment empiler les éléments flottants verticalement plutôt qu'horizontalement en CSS ?" class="wdcdcTitle">Comment empiler les éléments flottants verticalement plutôt qu'horizontalement en CSS ?</a> <a href="https://www.php.cn/fr/wenda/176388.html" class="wdcdcCons">J'essaie de créer une page Web avec deux colonnes, avec le contenu principal d'un côté et ...</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan"> Depuis 2024-04-06 20:45:26</span> </div> <div class="wdcdciright flexRow"> <div class="wdcdcirdz flexRow ira"> <b class="wdcdcirdzi"></b>0 </div> <div class="wdcdcirpl flexRow ira"><b class="wdcdcirpli"></b>2</div> <div class="wdcdcirwatch flexRow ira"><b class="wdcdcirwatchi"></b>386</div> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a href="https://www.php.cn/fr/wenda/176383.html" target="_blank" title="Comment utiliser les composants Laravel avec des espaces réservés paresseux Livewire" class="wdcdcTitle">Comment utiliser les composants Laravel avec des espaces réservés paresseux Livewire</a> <a href="https://www.php.cn/fr/wenda/176383.html" class="wdcdcCons">Je souhaite ajouter le squelette de mon composant Laravel dans un espace réservé livewire3...</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan"> Depuis 2024-04-06 20:02:10</span> </div> <div class="wdcdciright flexRow"> <div class="wdcdcirdz flexRow ira"> <b class="wdcdcirdzi"></b>0 </div> <div class="wdcdcirpl flexRow ira"><b class="wdcdcirpli"></b>2</div> <div class="wdcdcirwatch flexRow ira"><b class="wdcdcirwatchi"></b>543</div> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a href="https://www.php.cn/fr/wenda/176379.html" target="_blank" title="Calculer la somme des champs dans une autre table à l'aide d'une requête MySQL SQL" class="wdcdcTitle">Calculer la somme des champs dans une autre table à l'aide d'une requête MySQL SQL</a> <a href="https://www.php.cn/fr/wenda/176379.html" class="wdcdcCons">J'ai un schéma comme celui-ci : Table utilisateur avec les attributs "user_id" e...</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan"> Depuis 2024-04-06 19:39:29</span> </div> <div class="wdcdciright flexRow"> <div class="wdcdcirdz flexRow ira"> <b class="wdcdcirdzi"></b>0 </div> <div class="wdcdcirpl flexRow ira"><b class="wdcdcirpli"></b>1</div> <div class="wdcdcirwatch flexRow ira"><b class="wdcdcirwatchi"></b>441</div> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a href="https://www.php.cn/fr/wenda/176368.html" target="_blank" title="Les points de nuage de points ne conservent pas leurs valeurs lors du zoom dans d3.js" class="wdcdcTitle">Les points de nuage de points ne conservent pas leurs valeurs lors du zoom dans d3.js</a> <a href="https://www.php.cn/fr/wenda/176368.html" class="wdcdcCons">C'est la première fois que j'utilise d3.js, alors soyez indulgents avec moi. Je l'ai implé...</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan"> Depuis 2024-04-06 18:16:26</span> </div> <div class="wdcdciright flexRow"> <div class="wdcdcirdz flexRow ira"> <b class="wdcdcirdzi"></b>0 </div> <div class="wdcdcirpl flexRow ira"><b class="wdcdcirpli"></b>1</div> <div class="wdcdcirwatch flexRow ira"><b class="wdcdcirwatchi"></b>403</div> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> </div> </div> <div class="wzconZt" > <div class="wzczt-title"> <div>Rubriques connexes</div> <a href="https://www.php.cn/fr/faq/zt" target="_blank">Plus> </a> </div> <div class="wzcttlist"> <ul> <li class="ul-li"> <a target="_blank" href="https://www.php.cn/fr/faq/divgdt"><img src="https://img.php.cn/upload/subject/202407/22/2024072214385242717.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="barre de défilement div" /> </a> <a target="_blank" href="https://www.php.cn/fr/faq/divgdt" class="title-a-spanl" title="barre de défilement div"><span>barre de défilement div</span> </a> </li> <li class="ul-li"> <a target="_blank" href="https://www.php.cn/fr/faq/lgdivzmbpxs"><img src="https://img.php.cn/upload/subject/202407/22/2024072213521342494.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="Comment afficher deux divs côte à côte" /> </a> <a target="_blank" href="https://www.php.cn/fr/faq/lgdivzmbpxs" class="title-a-spanl" title="Comment afficher deux divs côte à côte"><span>Comment afficher deux divs côte à côte</span> </a> </li> <li class="ul-li"> <a target="_blank" href="https://www.php.cn/fr/faq/divyspanqb"><img src="https://img.php.cn/upload/subject/202407/22/2024072213514069307.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="La différence entre div et span" /> </a> <a target="_blank" href="https://www.php.cn/fr/faq/divyspanqb" class="title-a-spanl" title="La différence entre div et span"><span>La différence entre div et span</span> </a> </li> <li class="ul-li"> <a target="_blank" href="https://www.php.cn/fr/faq/divbqdyf"><img src="https://img.php.cn/upload/subject/202407/22/2024072213425821724.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="Comment utiliser les balises div" /> </a> <a target="_blank" href="https://www.php.cn/fr/faq/divbqdyf" class="title-a-spanl" title="Comment utiliser les balises div"><span>Comment utiliser les balises div</span> </a> </li> <li class="ul-li"> <a target="_blank" href="https://www.php.cn/fr/faq/divwzczjzdff"><img src="https://img.php.cn/upload/subject/202407/22/2024072213315264396.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="Comment centrer verticalement le texte div" /> </a> <a target="_blank" href="https://www.php.cn/fr/faq/divwzczjzdff" class="title-a-spanl" title="Comment centrer verticalement le texte div"><span>Comment centrer verticalement le texte div</span> </a> </li> <li class="ul-li"> <a target="_blank" href="https://www.php.cn/fr/faq/csszdivdhy"><img src="https://img.php.cn/upload/subject/202407/22/2024072211494531801.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="La signification de div en CSS" /> </a> <a target="_blank" href="https://www.php.cn/fr/faq/csszdivdhy" class="title-a-spanl" title="La signification de div en CSS"><span>La signification de div en CSS</span> </a> </li> <li class="ul-li"> <a target="_blank" href="https://www.php.cn/fr/faq/pythondqbytjs"><img src="https://img.php.cn/upload/subject/202407/22/2024072212190056240.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="Introduction à toutes les utilisations de python" /> </a> <a target="_blank" href="https://www.php.cn/fr/faq/pythondqbytjs" class="title-a-spanl" title="Introduction à toutes les utilisations de python"><span>Introduction à toutes les utilisations de python</span> </a> </li> <li class="ul-li"> <a target="_blank" href="https://www.php.cn/fr/faq/convertmlyf"><img src="https://img.php.cn/upload/subject/202407/22/2024072213545599285.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="convertir l'utilisation de la commande" /> </a> <a target="_blank" href="https://www.php.cn/fr/faq/convertmlyf" class="title-a-spanl" title="convertir l'utilisation de la commande"><span>convertir l'utilisation de la commande</span> </a> </li> </ul> </div> </div> </div> </div> <div class="phpwzright"> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-5902227090019525" data-ad-slot="3653428331" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> <div class="wzrOne"> <div class="wzroTitle">Recommandations populaires</div> <div class="wzroList"> <ul> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="Que signifie l'URL ?" href="https://www.php.cn/fr/faq/418772.html">Que signifie l'URL ?</a> </div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="Que signifie DOM ?" href="https://www.php.cn/fr/faq/414303.html">Que signifie DOM ?</a> </div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="Comment changer la taille de l'image" href="https://www.php.cn/fr/faq/414252.html">Comment changer la taille de l'image</a> </div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="Comment mettre la police en gras en HTML" href="https://www.php.cn/fr/faq/414520.html">Comment mettre la police en gras en HTML</a> </div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="Comment définir la taille des images HTML" href="https://www.php.cn/fr/faq/475145.html">Comment définir la taille des images HTML</a> </div> </li> </ul> </div> </div> <script src="https://sw.php.cn/hezuo/cac1399ab368127f9b113b14eb3316d0.js" type="text/javascript"></script> <div class="wzrThree"> <div class="wzrthree-title"> <div>Tutoriels populaires</div> <a target="_blank" href="https://www.php.cn/fr/course.html">Plus> </a> </div> <div class="wzrthreelist swiper2"> <div class="wzrthreeTab swiper-wrapper"> <div class="check tabdiv swiper-slide" data-id="one">Tutoriels associés <div></div></div> <div class="tabdiv swiper-slide" data-id="two">Recommandations populaires<div></div></div> <div class="tabdiv swiper-slide" data-id="three">Derniers cours<div></div></div> </div> <ul class="one"> <li> <a target="_blank" href="https://www.php.cn/fr/course/812.html" title="Le dernier didacticiel vidéo ThinkPHP 5.1 en première mondiale (60 jours pour devenir un expert PHP en ligne)" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/041/620debc3eab3f377.jpg" alt="Le dernier didacticiel vidéo ThinkPHP 5.1 en première mondiale (60 jours pour devenir un expert PHP en ligne)"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Le dernier didacticiel vidéo ThinkPHP 5.1 en première mondiale (60 jours pour devenir un expert PHP en ligne)" href="https://www.php.cn/fr/course/812.html">Le dernier didacticiel vidéo ThinkPHP 5.1 en première mondiale (60 jours pour devenir un expert PHP en ligne)</a> <div class="wzrthreerb"> <div>1423260 <b class="kclbcollectb"></b></div> <div class="courseICollection" data-id="812"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/fr/course/74.html" title="Premier tutoriel d'introduction à PHP : Apprenez PHP en une semaine" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/6253d1e28ef5c345.png" alt="Premier tutoriel d'introduction à PHP : Apprenez PHP en une semaine"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Premier tutoriel d'introduction à PHP : Apprenez PHP en une semaine" href="https://www.php.cn/fr/course/74.html">Premier tutoriel d'introduction à PHP : Apprenez PHP en une semaine</a> <div class="wzrthreerb"> <div>4268779 <b class="kclbcollectb"></b></div> <div class="courseICollection" data-id="74"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/fr/course/286.html" title="Tutoriel vidéo JAVA pour débutants" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/62590a2bacfd9379.png" alt="Tutoriel vidéo JAVA pour débutants"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Tutoriel vidéo JAVA pour débutants" href="https://www.php.cn/fr/course/286.html">Tutoriel vidéo JAVA pour débutants</a> <div class="wzrthreerb"> <div>2536649 <b class="kclbcollectb"></b></div> <div class="courseICollection" data-id="286"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/fr/course/504.html" title="Tutoriel vidéo d'introduction base zéro à l'apprentissage de Python de Little Turtle" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/62590a67ce3a6655.png" alt="Tutoriel vidéo d'introduction base zéro à l'apprentissage de Python de Little Turtle"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Tutoriel vidéo d'introduction base zéro à l'apprentissage de Python de Little Turtle" href="https://www.php.cn/fr/course/504.html">Tutoriel vidéo d'introduction base zéro à l'apprentissage de Python de Little Turtle</a> <div class="wzrthreerb"> <div>507477 <b class="kclbcollectb"></b></div> <div class="courseICollection" data-id="504"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/fr/course/2.html" title="Tutoriel d'introduction PHP base zéro" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/6253de27bc161468.png" alt="Tutoriel d'introduction PHP base zéro"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Tutoriel d'introduction PHP base zéro" href="https://www.php.cn/fr/course/2.html">Tutoriel d'introduction PHP base zéro</a> <div class="wzrthreerb"> <div>862790 <b class="kclbcollectb"></b></div> <div class="courseICollection" data-id="2"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> </ul> <ul class="two" style="display: none;"> <li> <a target="_blank" href="https://www.php.cn/fr/course/812.html" title="Le dernier didacticiel vidéo ThinkPHP 5.1 en première mondiale (60 jours pour devenir un expert PHP en ligne)" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/041/620debc3eab3f377.jpg" alt="Le dernier didacticiel vidéo ThinkPHP 5.1 en première mondiale (60 jours pour devenir un expert PHP en ligne)"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Le dernier didacticiel vidéo ThinkPHP 5.1 en première mondiale (60 jours pour devenir un expert PHP en ligne)" href="https://www.php.cn/fr/course/812.html">Le dernier didacticiel vidéo ThinkPHP 5.1 en première mondiale (60 jours pour devenir un expert PHP en ligne)</a> <div class="wzrthreerb"> <div >1423260 temps d'étude</div> <div class="courseICollection" data-id="812"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/fr/course/286.html" title="Tutoriel vidéo JAVA pour débutants" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/62590a2bacfd9379.png" alt="Tutoriel vidéo JAVA pour débutants"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Tutoriel vidéo JAVA pour débutants" href="https://www.php.cn/fr/course/286.html">Tutoriel vidéo JAVA pour débutants</a> <div class="wzrthreerb"> <div >2536649 temps d'étude</div> <div class="courseICollection" data-id="286"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/fr/course/504.html" title="Tutoriel vidéo d'introduction base zéro à l'apprentissage de Python de Little Turtle" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/62590a67ce3a6655.png" alt="Tutoriel vidéo d'introduction base zéro à l'apprentissage de Python de Little Turtle"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Tutoriel vidéo d'introduction base zéro à l'apprentissage de Python de Little Turtle" href="https://www.php.cn/fr/course/504.html">Tutoriel vidéo d'introduction base zéro à l'apprentissage de Python de Little Turtle</a> <div class="wzrthreerb"> <div >507477 temps d'étude</div> <div class="courseICollection" data-id="504"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/fr/course/901.html" title="Introduction rapide au développement web front-end" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/067/64be28a53a4f6310.png" alt="Introduction rapide au développement web front-end"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Introduction rapide au développement web front-end" href="https://www.php.cn/fr/course/901.html">Introduction rapide au développement web front-end</a> <div class="wzrthreerb"> <div >215856 temps d'étude</div> <div class="courseICollection" data-id="901"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/fr/course/234.html" title="Maîtrisez les didacticiels vidéo PS à partir de zéro" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/62611f57ed0d4840.jpg" alt="Maîtrisez les didacticiels vidéo PS à partir de zéro"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Maîtrisez les didacticiels vidéo PS à partir de zéro" href="https://www.php.cn/fr/course/234.html">Maîtrisez les didacticiels vidéo PS à partir de zéro</a> <div class="wzrthreerb"> <div >890438 temps d'étude</div> <div class="courseICollection" data-id="234"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> </ul> <ul class="three" style="display: none;"> <li> <a target="_blank" href="https://www.php.cn/fr/course/1648.html" title="[Web front-end] Démarrage rapide de Node.js" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png" alt="[Web front-end] Démarrage rapide de Node.js"/> </a> <div class="wzrthree-right"> <a target="_blank" title="[Web front-end] Démarrage rapide de Node.js" href="https://www.php.cn/fr/course/1648.html">[Web front-end] Démarrage rapide de Node.js</a> <div class="wzrthreerb"> <div >7475 temps d'étude</div> <div class="courseICollection" data-id="1648"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/fr/course/1647.html" title="Collection complète de cours full-stack de développement Web étranger" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/067/6628cc96e310c937.png" alt="Collection complète de cours full-stack de développement Web étranger"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Collection complète de cours full-stack de développement Web étranger" href="https://www.php.cn/fr/course/1647.html">Collection complète de cours full-stack de développement Web étranger</a> <div class="wzrthreerb"> <div >5962 temps d'étude</div> <div class="courseICollection" data-id="1647"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/fr/course/1646.html" title="Aller au langage pratique GraphQL" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/067/662221173504a436.png" alt="Aller au langage pratique GraphQL"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Aller au langage pratique GraphQL" href="https://www.php.cn/fr/course/1646.html">Aller au langage pratique GraphQL</a> <div class="wzrthreerb"> <div >4938 temps d'étude</div> <div class="courseICollection" data-id="1646"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/fr/course/1645.html" title="Le maître du ventilateur de 550 W apprend JavaScript à partir de zéro, étape par étape" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/067/662077e163124646.png" alt="Le maître du ventilateur de 550 W apprend JavaScript à partir de zéro, étape par étape"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Le maître du ventilateur de 550 W apprend JavaScript à partir de zéro, étape par étape" href="https://www.php.cn/fr/course/1645.html">Le maître du ventilateur de 550 W apprend JavaScript à partir de zéro, étape par étape</a> <div class="wzrthreerb"> <div >697 temps d'étude</div> <div class="courseICollection" data-id="1645"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/fr/course/1644.html" title="Le maître Python Mosh, un débutant sans aucune connaissance de base peut commencer en 6 heures" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/067/6616418ca80b8916.png" alt="Le maître Python Mosh, un débutant sans aucune connaissance de base peut commencer en 6 heures"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Le maître Python Mosh, un débutant sans aucune connaissance de base peut commencer en 6 heures" href="https://www.php.cn/fr/course/1644.html">Le maître Python Mosh, un débutant sans aucune connaissance de base peut commencer en 6 heures</a> <div class="wzrthreerb"> <div >24741 temps d'étude</div> <div class="courseICollection" data-id="1644"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> </ul> </div> <script> var mySwiper = new Swiper('.swiper2', { autoplay: false,//可选选项，自动滑动 slidesPerView : 'auto', }) $('.wzrthreeTab>div').click(function(e){ $('.wzrthreeTab>div').removeClass('check') $(this).addClass('check') $('.wzrthreelist>ul').css('display','none') $('.'+e.currentTarget.dataset.id).show() }) </script> </div> <div class="wzrFour"> <div class="wzrfour-title"> <div>Derniers téléchargements</div> <a href="https://www.php.cn/fr/xiazai">Plus> </a> </div> <script> $(document).ready(function(){ var sjyx_banSwiper = new Swiper(".sjyx_banSwiperwz",{ speed:1000, autoplay:{ delay:3500, disableOnInteraction: false, }, pagination:{ el:'.sjyx_banSwiperwz .swiper-pagination', clickable :false, }, loop:true }) }) </script> <div class="wzrfourList swiper3"> <div class="wzrfourlTab swiper-wrapper"> <div class="check swiper-slide" data-id="onef">effets Web <div></div></div> <div class="swiper-slide" data-id="twof">Code source du site Web<div></div></div> <div class="swiper-slide" data-id="threef">Matériel du site Web<div></div></div> <div class="swiper-slide" data-id="fourf">Modèle frontal<div></div></div> </div> <ul class="onef"> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="Code de contact du formulaire de message d'entreprise jQuery" href="https://www.php.cn/fr/toolset/js-special-effects/8071">[bouton de formulaire] Code de contact du formulaire de message d'entreprise jQuery</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="Effets de lecture de boîte à musique HTML5 MP3" href="https://www.php.cn/fr/toolset/js-special-effects/8070">[Effets spéciaux du joueur] Effets de lecture de boîte à musique HTML5 MP3</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="Effets spéciaux du menu de navigation d'animation de particules cool HTML5" href="https://www.php.cn/fr/toolset/js-special-effects/8069">[Navigation dans les menus] Effets spéciaux du menu de navigation d'animation de particules cool HTML5</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="Code d'édition par glisser-déposer du formulaire visuel jQuery" href="https://www.php.cn/fr/toolset/js-special-effects/8068">[bouton de formulaire] Code d'édition par glisser-déposer du formulaire visuel jQuery</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="Code du lecteur de musique Kugou imitation VUE.JS" href="https://www.php.cn/fr/toolset/js-special-effects/8067">[Effets spéciaux du joueur] Code du lecteur de musique Kugou imitation VUE.JS</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="Jeu de boîte de poussée HTML5 classique" href="https://www.php.cn/fr/toolset/js-special-effects/8066">[effets spéciaux HTML5] Jeu de boîte de poussée HTML5 classique</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="défilement jQuery pour ajouter ou réduire des effets d'image" href="https://www.php.cn/fr/toolset/js-special-effects/8065">[Effets spéciaux d'image] défilement jQuery pour ajouter ou réduire des effets d'image</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="Effet de zoom de survol de la couverture de l'album personnel CSS3" href="https://www.php.cn/fr/toolset/js-special-effects/8064">[Effets d'album photo] Effet de zoom de survol de la couverture de l'album personnel CSS3</a> </div> </li> </ul> <ul class="twof" style="display:none"> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/fr/toolset/website-source-code/8328" title="Modèle de site Web d'entreprise de services de nettoyage et de réparation de décoration intérieure" target="_blank">[Modèle frontal] Modèle de site Web d'entreprise de services de nettoyage et de réparation de décoration intérieure</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/fr/toolset/website-source-code/8327" title="Modèle de page de guide de CV personnel aux couleurs fraîches" target="_blank">[Modèle frontal] Modèle de page de guide de CV personnel aux couleurs fraîches</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/fr/toolset/website-source-code/8326" title="Modèle Web de CV de travail créatif de concepteur" target="_blank">[Modèle frontal] Modèle Web de CV de travail créatif de concepteur</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/fr/toolset/website-source-code/8325" title="Modèle de site Web d'entreprise de construction d'ingénierie moderne" target="_blank">[Modèle frontal] Modèle de site Web d'entreprise de construction d'ingénierie moderne</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/fr/toolset/website-source-code/8324" title="Modèle HTML5 réactif pour les établissements de services éducatifs" target="_blank">[Modèle frontal] Modèle HTML5 réactif pour les établissements de services éducatifs</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/fr/toolset/website-source-code/8323" title="Modèle de site Web de centre commercial de boutique de livres électroniques en ligne" target="_blank">[Modèle frontal] Modèle de site Web de centre commercial de boutique de livres électroniques en ligne</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/fr/toolset/website-source-code/8322" title="La technologie informatique résout le modèle de site Web d'entreprise Internet" target="_blank">[Modèle frontal] La technologie informatique résout le modèle de site Web d'entreprise Internet</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/fr/toolset/website-source-code/8321" title="Modèle de site Web de service de trading de devises de style violet" target="_blank">[Modèle frontal] Modèle de site Web de service de trading de devises de style violet</a> </div> </li> </ul> <ul class="threef" style="display:none"> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/fr/toolset/website-materials/3078" target="_blank" title="Matériau vectoriel d'éléments d'été mignons (EPS+PNG)">[Matériau PNG] Matériau vectoriel d'éléments d'été mignons (EPS+PNG)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/fr/toolset/website-materials/3077" target="_blank" title="Matériel vectoriel de quatre badges de graduation rouges 2023 (AI+EPS+PNG)">[Matériau PNG] Matériel vectoriel de quatre badges de graduation rouges 2023 (AI+EPS+PNG)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/fr/toolset/website-materials/3076" target="_blank" title="Oiseau chantant et chariot rempli de fleurs design matériel vectoriel de bannière de printemps (AI + EPS)">[image de bannière] Oiseau chantant et chariot rempli de fleurs design matériel vectoriel de bannière de printemps (AI + EPS)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/fr/toolset/website-materials/3075" target="_blank" title="Matériau vectoriel de chapeau de graduation doré (EPS+PNG)">[Matériau PNG] Matériau vectoriel de chapeau de graduation doré (EPS+PNG)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/fr/toolset/website-materials/3074" target="_blank" title="Matériel vectoriel d'icône de montagne de style noir et blanc (EPS+PNG)">[Matériau PNG] Matériel vectoriel d'icône de montagne de style noir et blanc (EPS+PNG)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/fr/toolset/website-materials/3073" target="_blank" title="Matériel vectoriel de silhouette de super-héros (EPS+PNG) avec des capes de couleurs différentes et des poses différentes">[Matériau PNG] Matériel vectoriel de silhouette de super-héros (EPS+PNG) avec des capes de couleurs différentes et des poses différentes</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/fr/toolset/website-materials/3072" target="_blank" title="Matériel vectoriel de bannière Arbor Day de style plat (AI + EPS)">[image de bannière] Matériel vectoriel de bannière Arbor Day de style plat (AI + EPS)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/fr/toolset/website-materials/3071" target="_blank" title="Matériel vectoriel de neuf bulles de discussion explosives de style bande dessinée (EPS+PNG)">[Matériau PNG] Matériel vectoriel de neuf bulles de discussion explosives de style bande dessinée (EPS+PNG)</a> </div> </li> </ul> <ul class="fourf" style="display:none"> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/fr/toolset/website-source-code/8328" target="_blank" title="Modèle de site Web d'entreprise de services de nettoyage et de réparation de décoration intérieure">[Modèle frontal] Modèle de site Web d'entreprise de services de nettoyage et de réparation de décoration intérieure</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/fr/toolset/website-source-code/8327" target="_blank" title="Modèle de page de guide de CV personnel aux couleurs fraîches">[Modèle frontal] Modèle de page de guide de CV personnel aux couleurs fraîches</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/fr/toolset/website-source-code/8326" target="_blank" title="Modèle Web de CV de travail créatif de concepteur">[Modèle frontal] Modèle Web de CV de travail créatif de concepteur</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/fr/toolset/website-source-code/8325" target="_blank" title="Modèle de site Web d'entreprise de construction d'ingénierie moderne">[Modèle frontal] Modèle de site Web d'entreprise de construction d'ingénierie moderne</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/fr/toolset/website-source-code/8324" target="_blank" title="Modèle HTML5 réactif pour les établissements de services éducatifs">[Modèle frontal] Modèle HTML5 réactif pour les établissements de services éducatifs</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/fr/toolset/website-source-code/8323" target="_blank" title="Modèle de site Web de centre commercial de boutique de livres électroniques en ligne">[Modèle frontal] Modèle de site Web de centre commercial de boutique de livres électroniques en ligne</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/fr/toolset/website-source-code/8322" target="_blank" title="La technologie informatique résout le modèle de site Web d'entreprise Internet">[Modèle frontal] La technologie informatique résout le modèle de site Web d'entreprise Internet</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/fr/toolset/website-source-code/8321" target="_blank" title="Modèle de site Web de service de trading de devises de style violet">[Modèle frontal] Modèle de site Web de service de trading de devises de style violet</a> </div> </li> </ul> </div> <script> var mySwiper = new Swiper('.swiper3', { autoplay: false,//可选选项，自动滑动 slidesPerView : 'auto', }) $('.wzrfourlTab>div').click(function(e){ $('.wzrfourlTab>div').removeClass('check') $(this).addClass('check') $('.wzrfourList>ul').css('display','none') $('.'+e.currentTarget.dataset.id).show() }) </script> </div> </div> </div> <footer> <div class="footer"> <div class="footertop"> <img src="/static/imghw/logo.png" alt=""> <p>Formation PHP en ligne sur le bien-être public，Aidez les apprenants PHP à grandir rapidement！</p> </div> <div class="footermid"> <a href="https://www.php.cn/fr/about/us.html">À propos de nous</a> <a href="https://www.php.cn/fr/about/disclaimer.html">Clause de non-responsabilité</a> <a href="https://www.php.cn/fr/update/article_0_1.html">Sitemap</a> </div> <div class="footerbottom"> <p> © php.cn All rights reserved </p> </div> </div> </footer> <input type="hidden" id="verifycode" value="/captcha.html"> <script>layui.use(['element', 'carousel'], function () {var element = layui.element;$ = layui.jquery;var carousel = layui.carousel;carousel.render({elem: '#test1', width: '100%', height: '330px', arrow: 'always'});$.getScript('/static/js/jquery.lazyload.min.js', function () {$("img").lazyload({placeholder: "/static/images/load.jpg", effect: "fadeIn", threshold: 200, skip_invisible: false});});});</script> <script src="/static/js/common_new.js"></script> <script type="text/javascript" src="/static/js/jquery.cookie.js?1734571481"></script> <script src="https://vdse.bdstatic.com//search-video.v1.min.js"></script> <link rel='stylesheet' id='_main-css' href='/static/css/viewer.min.css?2' type='text/css' media='all'/> <script type='text/javascript' src='/static/js/viewer.min.js?1'></script> <script type='text/javascript' src='/static/js/jquery-viewer.min.js'></script> <script type="text/javascript" src="/static/js/global.min.js?5.5.53"></script> <!-- Matomo --> <script> var _paq = window._paq = window._paq || []; /* tracker methods like "setCustomDimension" should be called before "trackPageView" */ _paq.push(['trackPageView']); _paq.push(['enableLinkTracking']); (function() { var u="https://tongji.php.cn/"; _paq.push(['setTrackerUrl', u+'matomo.php']); _paq.push(['setSiteId', '9']); var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s); })(); </script> <!-- End Matomo Code --> </body> </html>