Maison interface Web tutoriel CSS Comment déplacer la table vers le bas en CSS

Comment déplacer la table vers le bas en CSS

Dec 03, 2021 am 11:45 AM
css

En CSS, vous pouvez utiliser l'attribut "margin-top" pour déplacer le tableau vers le bas. Cet attribut est utilisé pour définir la marge supérieure de l'élément. Il vous suffit d'ajouter la valeur "margin-top: move down distance". " à l'élément de tableau. , vous pouvez augmenter la marge supérieure du tableau, déplaçant ainsi les éléments du tableau vers le bas.

Comment déplacer la table vers le bas en CSS

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

Comment déplacer le tableau vers le bas en CSS

En CSS, vous pouvez utiliser l'attribut margin-top pour déplacer le tableau vers le bas d'une distance spécifiée. L'exemple suivant explique comment déplacer la table vers le bas à l'aide de CSS.

L'exemple est le suivant :

1. Créez un nouveau fichier html, nommé test.html, pour expliquer comment CSS déplace le tableau vers le bas. Créez un formulaire pour tester. Définissez l'attribut de classe de la balise table sur ltrois. Définissez le style du tableau via la classe et définissez sa largeur sur 280 px.

Comment déplacer la table vers le bas en CSS

2. Dans la balise CSS, utilisez l'attribut margin-top pour déplacer le tableau vers le bas de 120 pixels.

Comment déplacer la table vers le bas en CSS

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

Comment déplacer la table vers le bas en CSS

Résumé :

1. Créez une table et définissez l'attribut de classe de la balise table sur ltrois.

2. Dans la balise css, définissez le style du tableau via la classe et définissez sa largeur sur 280px.

3. Dans la balise CSS, utilisez l'attribut margin-top pour déplacer le tableau vers le bas de 120 pixels.

(Partage de vidéos 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!

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

Article chaud

Repo: Comment relancer ses coéquipiers
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Crystals d'énergie expliqués et ce qu'ils font (cristal jaune)
1 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Adventure: Comment obtenir des graines géantes
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
Combien de temps faut-il pour battre Split Fiction?
3 Il y a quelques semaines By DDD

Article chaud

Repo: Comment relancer ses coéquipiers
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Crystals d'énergie expliqués et ce qu'ils font (cristal jaune)
1 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Adventure: Comment obtenir des graines géantes
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
Combien de temps faut-il pour battre Split Fiction?
3 Il y a quelques semaines By DDD

Tags d'article chaud

Bloc-notes++7.3.1

Bloc-notes++7.3.1

Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise

SublimeText3 version chinoise

Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1

Envoyer Studio 13.0.1

Puissant environnement de développement intégré PHP

Dreamweaver CS6

Dreamweaver CS6

Outils de développement Web visuel

SublimeText3 version Mac

SublimeText3 version Mac

Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Que signifie l'espace réservé en vue Que signifie l'espace réservé en vue May 07, 2024 am 09:57 AM

Que signifie l'espace réservé en vue

Comment écrire des espaces dans vue Comment écrire des espaces dans vue Apr 30, 2024 am 05:42 AM

Comment écrire des espaces dans vue

Comment avoir dom en vue Comment avoir dom en vue Apr 30, 2024 am 05:36 AM

Comment avoir dom en vue

Que signifie span en js Que signifie span en js May 06, 2024 am 11:42 AM

Que signifie span en js

Que signifie rem en js Que signifie rem en js May 06, 2024 am 11:30 AM

Que signifie rem en js

Comment introduire des images dans vue Comment introduire des images dans vue May 02, 2024 pm 10:48 PM

Comment introduire des images dans vue

Quelle est la fonction de la balise span Quelle est la fonction de la balise span Apr 30, 2024 pm 01:54 PM

Quelle est la fonction de la balise span

Dans quelle langue le plug-in du navigateur est-il écrit ? Dans quelle langue le plug-in du navigateur est-il écrit ? May 08, 2024 pm 09:36 PM

Dans quelle langue le plug-in du navigateur est-il écrit ?

See all articles