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

3 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

Enregistrer un commentaire

Un commentaire ça fait toujours plaisir