Problème avec border-radius et background-color

Résolu/Fermé
alla123321 Messages postés 25 Date d'inscription dimanche 20 septembre 2015 Statut Membre Dernière intervention 2 octobre 2016 - Modifié par alla123321 le 26/10/2015 à 00:51
alla123321 Messages postés 25 Date d'inscription dimanche 20 septembre 2015 Statut Membre Dernière intervention 2 octobre 2016 - 26 oct. 2015 à 16:12
Bonjour ,

j'ai un problème avec mon code CSS .
J'ai mis un border-radius sur un de mes <td> et il s'affiche bien mais le problème c'est que je vois toujours le rectangle derrière le cercle. Le cercle de border-radius a bien le couleur que je lui ai donné mais le rectangle derrière le cercle prend le même couleur que le couleur de fond du body .

Comment puis je faire pour qu'il n'affiche plus ce rectangle mais uniquement le cercle à bords arrondis ?

Merci ! :)
A voir également:

2 réponses

est ce que tu peux mettre le code sur le forum?
0
alla123321 Messages postés 25 Date d'inscription dimanche 20 septembre 2015 Statut Membre Dernière intervention 2 octobre 2016 1
26 oct. 2015 à 11:24
oui , voici mon code css pour le <td> avec le bord arrondi et le <body> :


td.examen{
border-radius: 50px;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
background-color: #2ECEC6;
color:white;
width: auto;
font-size: smaller;
}

body{
background-color: #009A90;
}
0
oussa33 Messages postés 19 Date d'inscription lundi 26 octobre 2015 Statut Membre Dernière intervention 30 décembre 2015
26 oct. 2015 à 14:04
je ne comprend pas normalement il y a aucun problème ???
essaye de changer la background-color du td et body
0
oussa33 Messages postés 19 Date d'inscription lundi 26 octobre 2015 Statut Membre Dernière intervention 30 décembre 2015
26 oct. 2015 à 14:07
essaye ça:
td.axamen {
border : 2px solid #2ECEC6;
}
0
alla123321 Messages postés 25 Date d'inscription dimanche 20 septembre 2015 Statut Membre Dernière intervention 2 octobre 2016 1
26 oct. 2015 à 16:12
Merci de m'avoir répondu . Au faite j'ai trouvé la solution. Il fallait ajouter un background-color:white; sur le <table> . MErci je le mets en résolu le sujet :)
0