Maison > interface Web > Questions et réponses frontales > Comment changer la hauteur des lignes de cellules en CSS

Comment changer la hauteur des lignes de cellules en CSS

藏色散人
Libérer: 2023-01-31 11:03:00
original
2446 Les gens l'ont consulté

Comment modifier la hauteur de ligne d'une cellule en CSS : 1. Créez un nouveau fichier HTML ; 2. Créez un tableau en utilisant la balise table ; 3. Définissez la classe de la balise table sur mycss ; , définissez le tableau via la classe Style ; 5. Dans la balise css, vous pouvez modifier la hauteur de la ligne de cellule en modifiant la valeur de l'attribut "line-height".

Comment changer la hauteur des lignes de cellules en CSS

L'environnement d'exploitation de ce tutoriel : système Windows 10, version CSS3, ordinateur DELL G3

Comment changer la hauteur des lignes de cellules en css ?

css définit la hauteur de ligne des cellules du tableau :

Créez un nouveau fichier html nommé test.html pour expliquer comment définir la hauteur de ligne des cellules du tableau avec CSS.

Comment changer la hauteur des lignes de cellules en CSS

Dans le fichier test.html, utilisez la balise table pour créer un tableau.

Comment changer la hauteur des lignes de cellules en CSS

Dans le fichier test.html, définissez la classe de la balise table sur mycss.

Comment changer la hauteur des lignes de cellules en CSS

Dans la balise css, définissez le style du tableau via la classe.

Comment changer la hauteur des lignes de cellules en CSS

Dans la balise css, définissez la propriété line-height sur 80px, c'est-à-dire définissez la hauteur de ligne de la cellule sur 80px.

Comment changer la hauteur des lignes de cellules en CSS

Ouvrez le fichier test.html dans le navigateur pour voir l'effet.

Comment changer la hauteur des lignes de cellules en CSS

Apprentissage recommandé : "Tutoriel vidéo CSS"

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal