Arrondir les bordures div

Résolu
DevLama Messages postés 356 Date d'inscription mercredi 13 avril 2011 Statut Membre Dernière intervention 18 novembre 2021 - 14 juil. 2012 à 13:08
DevLama Messages postés 356 Date d'inscription mercredi 13 avril 2011 Statut Membre Dernière intervention 18 novembre 2021 - 17 juil. 2012 à 17:18
Salut tout le monde juste savoir comment arrondir les bordures d'une balise div en Css?


La Science est Grande et Vaste partageons cette connaisance

3 réponses

NHenry Messages postés 15119 Date d'inscription vendredi 14 mars 2003 Statut Modérateur Dernière intervention 19 mai 2024 159
14 juil. 2012 à 13:53
Bonjour,

Peut être avec :
border-top-left-radius: 16px 20px;
border-top-right-radius: 16px 20px;
Et similaire ?

---------------------------------------------------------------------
[list=ordered][*]Pour poser correctement une question et optimiser vos chances d'obtenir des réponses, pensez à lire le règlement CS, celui-ci pour bien poser votre question ou encore celui-ci pour les PFE et autres exercices.[*]Quand vous postez un code, merci d'utiliser la coloration syntaxique (3ième icône en partant de la droite : ).[*]En VB.NET pensez à activer Option Explicit et Option Strict (propriété du projet) et à retirer l'import automatique de l'espace de nom Microsoft.VisualBasic (onglet Références dans les propriétés du projet).[*]Si votre problème est résolu (et uniquement si c'est le cas), pensez à mettre "Réponse acceptée" sur le ou les messages qui vous ont aidés/list
---
Mon site
3
cs_jopop Messages postés 1540 Date d'inscription lundi 26 mai 2003 Statut Membre Dernière intervention 1 août 2013 12
17 juil. 2012 à 10:41
Salut,

pour apporter quelques précisions sur ces attributs CSS, il faut savoir que tous les navigateurs ne les prennent pas en charge. Il faut parfois utiliser des "webkit" et donc, pour un souci de portabilité, mettre les différentes formes du même attribut dans sa classe CSS :
* arrondir tous les bords :
.rounded {
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
}


* arrondir un seul bord (ici le top-left) :
.roundTopLeft {
  border-top-left-radius: 10px;
  -webkit-border-top-left-radius: 10px;
  -moz-border-radius-topleft: 10px;
}
3
DevLama Messages postés 356 Date d'inscription mercredi 13 avril 2011 Statut Membre Dernière intervention 18 novembre 2021 10
17 juil. 2012 à 17:18
Merci bcp

La Science est Grande et Vaste partageons cette connaisance
3
Rejoignez-nous