dans le snippet http://jsfiddle.net/hxmlf/3/ Vous voyez une petite bordure sur les coins entre La bordure blanche des cellules et le fond de la page. Comment puis-je l'empêcher?
HTML P>
body {
background-color: #efefef;
}
table {
margin: 10px;
border-collapse: separate;
border-spacing: 0px;
}
td {
border-radius: 5px;
background-color: #369;
color: white;
border: 5px solid white;
}​
3 Réponses :
Cela se produit car le rend comme ça. Les tables ne sont pas exactement les prima donna au style, je vous recommande d'essayer d'utiliser les balises Essayez ceci:
0 commentaires
Il y a deux solutions que j'ai proposées. Solution d'utilisation 2 forte> Mais je garde la solution 1 ici aussi parce que cela peut être utile dans une autre situation à quelqu'un d'autre. Changer TD code> Affichage sur Solution 1: Affichage H2>
Inline-Block CODE> Est-ce que l'astuce mais peut avoir une incidence sur votre contenu réel ailleurs ... P> td {
background-clip: padding-box; /* this has been added */
border-radius: 5px;
background-color: #369;
color: white;
border: 5px solid white;
}​
La solution 2 est parfaite, alors oubliez la solution 1.
jsfiddle.net/hxmlf/12 si je retire la bordure supérieure (ou inférieure), boîte de rembourrage fixer seulement une partie de la bogue de coupure :(
@THIRTTYDOT: Je sais. J'ai édité ma réponse pour en suggérer la deuxième et garder la première pour des raisons historiques.
@Nachtgold: Utilisez Content-Box à la place qui limitera l'arrière-plan au contenu uniquement. Supprime le problème que je l'ai testé. Mais vous pouvez voir un peu différent la rondelle de la frontière intérieure qui est sans doute une rounine de bordure plus correcte de toute façon.
Cela ne fonctionne pas assez bien lorsque vous utilisez des angles arrondis en combinaison avec une boîte à ombre - au moins dans Firefox, la couleur d'arrière-plan brille un peu.
Vérifiez ce lien. Vous pouvez générer des CSS pour une cellule courante ronde.
http://cssround.com/ Exemple:
Je n'étais pas intéressé par des solutions avec des éléments div, car il s'agit d'un problème spécifique d'élément de table.