Je veux vous demander. J'essaie de créer une frontière avec pseudo élément (après). Je veux placer une bordure au milieu de la boîte divie que j'ai créée, sans réglage (haut, bas) et (gauche, droite). Peut-il être automatisé au milieu?
Mon codePEN P>
.box{
height:500px;
width:300px;
background-color:red;
position:relative;
&::after{
content:'';
position:absolute;
border:2px solid #fff;
height:90%;
width:90%;
}
}
5 Réponses :
Oui, il peut:
p>
<div class="box"> </div>
Je veux la frontière comme celle-ci i.imgur.com/byr214t.png
Ooooooh. Cela rend beaucoup plus de sens hahahaha. Meilleure option est un div dans un div. Je vais mettre à jour mon commentaire.
Mis à jour, mais encore une fois, serait bien plus facile lorsque vous utilisez des valeurs de haut en bas, de gauche, de gauche. Est-ce pour un défi ou quelque chose?
Non, je veux juste savoir. La boîte que j'ai faite n'est pas comme ça. Et je veux vous demander, quand je verse, la boîte montrera une couche de gradient noir avec opacité 0,5 et bordure déplacée comme cette image? imgur.com/82kirxn
J'ai utilisé des pourcentages pour le P> haut code> et gauche code> et que correect le positionnement avec transformer: Traduire (-50%, -50%); SO SO SOI DANS LE MOYEN
<div class="box"></div>
Il y a quelques façons .... !!
.box{
height:500px;
width:300px;
background-color:red;
display: flex;
&::after{
content:'';
border:2px solid blue;
height:90%;
width:90%;
margin: auto;
}
}
Si la boîte d'affichage est flex, elle aura un effet sur la DIV à l'intérieur.
<div class="box"> </div>
Vous pouvez utiliser Flexbox sur l'élément Boîtier pour centrer son contenu. Assurez-vous simplement qu'aucun autre propriété de position n'est défini sur le :: Après pseudo-élément:
ibb.co/cbkk4k5 - comme ça?
non, pareil comme le mien
Vous avez comme ça - IBB.CO/PX1SMBM