Maison > interface Web > tutoriel CSS > Quelle est la méthode pour définir la hauteur d'une certaine ligne d'un tableau en CSS ?

Quelle est la méthode pour définir la hauteur d'une certaine ligne d'un tableau en CSS ?

WBOY
Libérer: 2021-11-26 16:30:14
original
4009 Les gens l'ont consulté

Comment définir la hauteur d'une ligne dans le tableau : 1. Utilisez le sélecteur ".class" pour faire correspondre l'élément de ligne spécifié en fonction du nom de classe spécifié. 2. Utilisez l'attribut "hauteur" pour définir la hauteur du tableau ; élément de ligne correspondant. La syntaxe est ".class name { height:height value;}".

Quelle est la méthode pour définir la hauteur d'une certaine ligne d'un tableau en CSS ?

L'environnement d'exploitation de ce tutoriel : système Windows7, version CSS3&&HTML5, ordinateur Dell G3.

Quelle est la méthode pour définir la hauteur d'une certaine ligne du tableau en CSS ?

En CSS, vous pouvez utiliser le sélecteur .class et l'attribut height pour définir la hauteur d'une certaine ligne du tableau ? .Le sélecteur .class est utilisé pour spécifier le style de tous les éléments de la classe. L'attribut height est utilisé pour définir la hauteur d'un élément.

Prenons un exemple pour voir comment définir la hauteur d'une ligne du tableau. L'exemple est le suivant :

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
  <style>
.hang{
height:100px;
}
</style>
<table border="1">
  <tr>
    <td>111</td>
    <td>222</td>
  </tr>
  <tr class="hang">
    <td>333</td>
    <td>444</td>
  </tr>
    <tr>
    <td>555</td>
    <td>666</td>
  </tr>
  <tr>
    <td>777</td>
    <td>888</td>
  </tr>
</table>
</body>
</html>
Copier après la connexion

Résultat de sortie :

Quelle est la méthode pour définir la hauteur dune certaine ligne dun tableau en CSS ?

(Partage vidéo d'apprentissage : 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:
css
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