mardi 4 février 2025

Mon CSS - bordures et coins arrondis

 /*titre colonne*/

div.widget > h2, div.widget h2.title {

         padding:10px;

    border-radius: 25px;

    border: 4px solid #3346ff ;

margin: 0 0 1em 0;

text-align:center;

   }

/*distance contour*/

.main-inner .widget h2 {

    margin: 0 0px;

       border-bottom: 3px solid #3346ff;

}

/*titre article*/

h3.post-title  {border:3px solid #3346ff ;

padding: 6px; border-radius: 25px;

text-align:center;

 }

/*bordure article*/

.post-body { background-color:#000000;  border-radius: 25px; border: 2px solid #3346ff;

}


/*bordure de l'image METRE LE NOMBRE DE PX*/

.post-body img {

    padding: 8px;

     border: 0px solid #3346ff;

    border-radius:25px;

}

/*Widget de la petite colonne*/

.main-inner .widget {

    background-color:  #000000;

    border:  1px solid #3346ff ;

border-radius: 25px;

    padding: 5px 5px 5px 5px;

    margin: 20px -16px;

    margin-top: 20px;

    text-align: center;

   }

ligne simple= solid

pointillé= dotted

double=double

6 commentaires:

RubiDiams a dit…

Ah oui je sais pas faire je vais essayer demain
Merci beaucoup pour l’astuce
Bonne nuit gros bisous rubidiams

RubiDiams a dit…

J’ai testé il marche très bien et c est super beau aussi

Eve a dit…

Coucou...C'est bien expliqué...MERCI..EVY

caline a dit…

merci Angel
comment fait on pour remonter la bannière merci gros bisous

Dannylou a dit…

coucou,, c'est dans le code html ? c'est ou que l'on met ceci, doit ton le mettre dans un gadget htlm ? merci bisous

adelys a dit…

Coucou
cette astuce est très intéressante, mais ou doit-on l'installer ce code
Je suis paumée quand il s'agit de toucher aux codes CSS j'ai trop peur de faire des bêtises
passe une belle fin de journée

Enregistrer un commentaire

Un commentaire ça fait toujours plaisir