Pourquoi lorsque nous mettons deux divs avec les attributs display inline-block et box-sizing: border-box ensemble, une zone blanche apparaît lorsque les bordures sont différentes ?

Veuillez considérer ce code, pourquoi d3 et d4 ne sont-ils pas alignés ? Quel est l'espace blanc en haut de d4 ? .myContainer{display:block;}#d3{width:150px;height:150px;border:5pxsolid#aef704;padding:25px;background-color:blueviolet;box-sizing:border-box;display:inline-block;} #d4

P粉373596828 2023-09-13 13:45:36 0  1  650

Créer une bordure dégradée avec un rayon de bordure

Utiliser CSS：a.btn.white-grad{background:$lgrey;color:#313149!important;border:1pxsolid#000;border-image-source:linear-gradient(toright,#9c20aa,#fb3570) ;border-image-slice:20;float:gauche;@includefont-size(

P粉930448030 2023-08-13 16:23:14 0  2  511

Quelle est la signification des espaces dans les sélecteurs CSS et la différence entre .classA.classB et .classA .classB ?

Quelle est la différence entre ces deux sélecteurs ? .classA.classB{border:1pxsolid;}.classA.classB{border:1pxsolid;}

P粉401901266 2023-08-24 14:03:57 0  1  821

Android - ensemble d'images border-radius

La définition du rayon de bordure sur l'image sur Android a échoué et je ne l'ai pas encore essayé sur iOS.

巴扎黑 2017-05-24 11:37:48 0  1  817

Problème de taille de police entre les éléments CSS parent et enfant

.logo{width:25%;display:flex;justify-content:center;align-items:center;font-size:1.3rem;border:2pxsolidgold;}.logoh1{margin-left:1vw;/*font-size :1.3rem;*/border:2pxsolidred;}<sectionid="l&

P粉198670603 2023-09-08 16:30:50 0  2  613

Conception Flexbox : je veux que tous les côtés de la bulle de texte se touchent

.fm-bubbles{display:flex;flex-wrap:wrap;width:100%;height:100px;}.fm-bubble{flex:1110%;height:max-content;border:1pxsolidroyalblue;border-radius:5px ;}<divclass="fm-content"><divclas

P粉002546490 2024-04-01 10:59:44 0  1  470

javascript - Comment obtenir l'effet d'afficher une bordure rouge au survol de la souris

Qui a fait cet effet ? C'est ce que j'ai écrit. Use border-right:1px solid #eee;border-bottom:1px solid #eee; ;} lorsque la souris survole Il y a aussi un cadre pixel rouge

过去多啦不再A梦 2017-07-05 11:04:45 0  8  1329

Le rayon de la bordure ne fonctionne pas pour l'image à l'intérieur du point d'ancrage

J'utilise le code HTML suivant : <aclass="-video-detail-qualifiers-branding"><imgsrc=""/></a> Code SCSS : .-video-detail-qualifiers-branding{border:2pxsolid #D7C378 ;border-radius:4px;img{h

P粉903969231 2024-04-06 17:20:25 0  1  632

slice() omet l'index de fin et sélectionne le dernier élément par défaut

$("li").slice(1).css("border","1px solid red"); //Cela fonctionne $("li").slice(1,).css("border","1px rouge fixe");//Cela signalera une erreur et n'aura aucun effet

半圈不直会旋转的爱～ 2018-06-07 10:51:50 0  2  1681

Erreur d'ajout de base de données

< style="font-size : 18,368px ; bordure inférieure : 2 px solide rgb(255, 0, 0 ); marge : 0px 0px 0,2em ; border-top-color : rgb(255, 0, 0); border- couleur droite : RVB (255, 0, 0) ; couleur de la bordure gauche : RVB (255, 0, 0) ;

P粉575645754 2022-06-08 14:05:35 0  1  1370

Alignez l'élément DIV en bloc en ligne sur le haut de l'élément conteneur

Lorsque deux divs en bloc en ligne ont des hauteurs différentes, pourquoi le plus court ne s'aligne-t-il pas avec le haut du conteneur ? (DÉMO) : .container{border:1pxblacksolid;width:320px;height:120px;}.small{display:inline-block;width:40%;height:30%;border:1pxblacksolid;background:alicebl

P粉682987577 2023-08-21 20:17:02 0  2  442

Alignez le DIV du bloc en ligne au-dessus de l'élément conteneur

Lorsque deux divs en bloc en ligne ont des hauteurs différentes, pourquoi le plus court ne s'aligne-t-il pas avec le haut du conteneur ? (DÉMO) : .container{border:1pxblacksolid;width:320px;height:120px;}.small{display:inline-block;width:40%;height:30%;border:1pxblacksolid;background:aliceblue

P粉982881583 2023-08-21 20:38:56 0  2  582

Pourquoi votre taille peut-elle être écrite dans le tableau ? J'utilise aussi phpstorm.

<table width="500" border="5" >C'est le seul moyen

你笑起来很美 2019-01-13 00:00:12 0  0  1005

Comprendre le rôle des feuilles de style de l'agent utilisateur

Je travaille sur une page Web dans Google Chrome. Il affiche correctement les styles suivants. table{display:table;border-collapse:separate;border-spacing:2px;border-color:gray;} Notez que je n'ai pas défini ces styles. Dans les outils de développement Chrome, il remplace les noms de fichiers CSS pa...

P粉277464743 2023-08-27 13:14:56 0  2  639

Les dégradés de bordure sont-ils compatibles avec le rayon de bordure ?

Je stylise une zone de saisie avec une bordure arrondie (border-radius) et j'essaie d'ajouter un effet de dégradé à la bordure. Je peux réussir à créer des bordures dégradées et arrondies, mais pas les deux en même temps. Soit il y a des coins arrondis mais pas de dégradé, soit il y a un dégradé mai...

P粉824889650 2023-08-21 20:39:38 0  2  558

Uncaught ReferenceError : e n'est pas défini dans HTMLInputElement.onclick

J'obtiens cette erreur lorsque e est un MouseEvent. Le code HTML impliquant l'événement de clic de case à cocher en question ressemble à ceci : <ItemTemplate><trstyle="border-top:1pxsolid#adadad;border-bottom:1pxsolid#adadad;"><td><asp:HiddenFieldrunat=" server&am...

P粉012875927 2023-09-12 14:10:18 0  1  661

Techniques de positionnement HTML en bas qui préservent les éléments enfants

J'ai un texte avec une info-bulle. Je ne peux pas modifier les propriétés de la boîte elle-même, mais je souhaite que l'info-bulle soit placée au-dessus du texte. Voici mon code actuel : .tt-container.tooltiptext{display:none;background-color:white;border-style:solid;position:absolute;border-color:#...

P粉691958181 2024-02-04 09:44:51 0  1  412

Rembourrage et bordures intérieures

En gros, j'ai deux boîtes, l'une dans l'autre. Pour la boîte extérieure, j'ai défini le remplissage de tout le texte intérieur sur 10 px, mais les bordures de la boîte intérieure ne semblent pas obéir à cette règle. .plan{display:block;margin:20px20%;width:auto;border:2pxsolid;border-radius:5px;}.pl...

P粉448130258 2023-08-17 12:46:37 0  1  552

Structure du guidon

J'ai une table utilisant un modèle de guidon. #each est déclaré dans la première ligne du tableau, la balise est déclarée dans la ligne suivante et la déclaration de fermeture #each est complétée dans la dernière ligne. <tablestyle="border-collapse:collapse;width:100%;"border="1&qu...

P粉478445671 2023-09-10 17:00:51 0  1  566

php $s est écrit après l'instruction if

<?php$s=0;echo '<table width="800" border="1">';while( $s<100){       if($s%10==0){              &nb

G° 2019-04-27 15:58:04 0  1  1148