Comment créer une alternance des couleurs de fond dans les lignes de table avec css
<
div itemprop="description" class="intro marginTop" data-module="article-intro">
Dans les grandes tables, il est souvent une aide à la lecture d`avoir une alternance des couleurs d`arrière-plan pour chaque autre ligne de la table. Il peut aider les lecteurs à suivre des lignes à travers la table. Il est facile à mettre en œuvre avec CSS. Voici comment.
Instructions
- 1
Voici un tableau simple avec une alternance de lignes grises et blanches. Cette technique fonctionne pour tout système de couleur ou une table de taille.
- 2
Construire la table en utilisant vos HTML outils de construction table normale.
- 3
Dans la feuille de style, créer une classe qui peut être appliquée à TR (tableau rangée) éléments en alternance. Voici un exemple:
.rowColor {
background: # CCCCCC-
}
- 4
Dans le HTML, ajouter la classe à des rangées alternées dans votre table. Appliquez-le à l`élément TR. Voir l`image par exemple.
- 5
Si vous souhaitez avoir une couleur différente pour la ligne de la table qui contient les rubriques, vous pouvez créer une nouvelle classe ou d`une règle id dans votre feuille de style qui ne fera que d`appliquer une couleur de fond aux éléments TH.
Conseils & Avertissements
- Le tableau illustré ci-dessus utilise le "border-collapse: collapse" règle pour supprimer l`espace vide entre les bordures de tableau.
Si vous avez déjà essayé de faire des colonnes de texte ou de chiffres alignés correctement dans Microsoft Word, il…
Les clés primaires définies identificateurs de colonnes uniques pour vos tables Oracle. Les clés primaires sont…
Un tableau HTML peut fournir une méthode transparente pour juxtaposer plusieurs pièces différentes de contenu, tels…
Vous pouvez accéder à la propriété d`arrière-plan de la cellule d`une table à l`aide de feuilles de style en…
Un tableau HTML vous permet d`organiser le texte, les images et d`autres éléments de votre page Web en lignes et…
Les tableaux fournissent site programmeurs avec la possibilité de formater la présentation des formulaires. Chaque…
Grids, comme les tables, peuvent organiser des informations sur une page et la rendre plus lisible. Microsoft Word 2013…
Microsoft Excel consistent en une série de rangées horizontales et des colonnes verticales qui contiennent des…
Ajout de colonnes à votre site Web est utile dans l`organisation du contenu. En fait, il n`y a aucune limite au nombre…
Lorsque vous créez votre HyperText Markup Language (HTML) table, vous présentez vos données à l`intérieur des…
L`affichage de la CSS: la propriété table-row vous permet de faire afficher le contenu dans un navigateur comme si…
La propriété CSS display vous permet de définir des règles pour l`affichage qui rendent l`affichage de votre…
Lorsque vous souhaitez organiser le contenu de la page Web en lignes et colonnes ordonnées, la méthode la plus simple…
Vous n`êtes pas obligé de rester avec une table traditionnelle pour votre site web. En mettant en œuvre des feuilles…
Faire alterner lignes se démarquer du reste de votre feuille de calcul Microsoft Excel 2013 en les sélectionnant.…
Que vous écriviez un rapport ou la création d`une présentation, une table peut rapidement résumer les données pour…
Une table peut montrer comment les différents faits sont liés les uns aux autres ou peut expliquer quelque chose que…
CSS, qui signifie pour les feuilles de style en cascade, est un ensemble de codes qui spécifie comment une page Web…
tables MS Word 2007 sont entièrement personnalisables. Vous pouvez diviser une table en deux ou plusieurs tables…
HTML est un langage qui est utilisé pour créer et manipuler des objets sur une page Web. Lorsqu`il est combiné avec…
Lorsque vous ajoutez une image de fond ou de la couleur à une table sur votre page Web, son arrière-plan est opaque…