[CSS] Mise en forme de tableaux

Résolu
WalterWhite -  
Bonjour,

Existe-t-il un moyen d'appliquer des bordures intérieures et extérieures différentes à un tableau sans utiliser des classes ou id?

Merci d'avance

2 réponses

  1.  coeus
    Salut !

    Oui, mais ça risque de prendre beaucoup de code. Voici un exemple : 
    <table style="border:3px ridge #00F;">
	<tr>
		<td style="border:1px solid #F00;">Un</td>
		<td style="border:1px solid #F00;">Deux</td>
		<td style="border:1px solid #F00;">Trois</td>
		<td style="border:1px solid #F00;">Quatre</td>
	</tr>
	<tr>
		<td style="border:1px solid #F00;">Cinq</td>
		<td style="border:1px solid #F00;">Six</td>
		<td style="border:1px solid #F00;">Sept</td>
		<td style="border:1px solid #F00;">Huit</td>
	</tr>
</table>
    1. WalterWhite
      Et sans toucher au code, pardon.
      Un genre de propriété inner-border ou quelque chose.
      1. coeus
        Dans le fond, tu cherchais une propriété CSS que tu pouvais appliquer à ton <table> mais qui affecterait les <td> ?

        Si c'est ça, alors la seule solution serait de faire : 

        table {
border:3px ridge #00F;
}

table tr td {
border:1px solid #F00;
}

        Pas d'autre solution...
      2. WalterWhite
        Le souci c'est que les bordures extérieures et intérieures diffèrent seulement par leur couleur, et il y a des problème de chevauchement.
        Mais finalement j'ai pu obtenir des classes sur mes td, merci en tout cas.

    Discussions similaires

    Comment annuler mise en forme tableau
    etiennette57

    8 réponses
    Excel supprimer une mise en forme de tableau
    pépé35530

    24 réponses
    enelever la mise sous forme de tableau
    charlottewp

    3 réponses