Maison  >  Article  >  interface Web  >  Comment changer la hauteur des lignes de cellules en CSS

Comment changer la hauteur des lignes de cellules en CSS

藏色散人
藏色散人original
2023-01-31 11:03:002387parcourir

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!

Déclaration:
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
Article précédent:Comment commenter le code CSSArticle suivant:Comment commenter le code CSS