Maison interface Web tutoriel HTML Tutoriel HTML : segment de ligne horizontale html_Production de pages HTML/Xhtml_web

Tutoriel HTML : segment de ligne horizontale html_Production de pages HTML/Xhtml_web

May 16, 2016 pm 04:44 PM
hr size width 教程 显示 niveau 设定


Cette balise peut afficher une ligne horizontale sur l'écran pour séparer les différentes parties de la page.

a trois attributs :
size La largeur de la ligne horizontale
width La longueur de la ligne horizontale, exprimée en pourcentage de la largeur de l'écran ou de la valeur en pixels
align L'alignement du ligne horizontale, y compris CENTRE GAUCHE DROITE Trois types de
segments de ligne noshade n'ont pas d'attribut d'ombre et sont des segments de ligne pleins
Nous pouvons utiliser plusieurs exemples pour illustrer l'utilisation de ce segment de ligne :




Réglage de l'épaisseur du segment de ligne


Réglage de l'épaisseur du segment de ligne


Ceci est le premier segment de ligne, aucun paramètre de taille, utilisez la valeur par défaut SIZE = 1 pour afficher



Ceci est le deuxième segment de ligne, SIZE = 5



Ceci est le troisième segment de ligne, SIZE=10









Réglage de la longueur du segment de ligne


Réglage de la longueur du segment de ligne


Ceci est le premier segment de ligne, il n'y a pas de paramètre WIDTH, prenez la valeur par défaut de WIDTH 100% pour afficher



Ceci est le deuxième segment de ligne, WIDTH = 50 (méthode du point)



Il s'agit du troisième segment de ligne, WIDTH=50% (méthode du pourcentage)









Réglage de la disposition des segments de ligne


Réglage de la disposition des segments de ligne


Ceci est le premier segment de ligne, pas de réglage ALIGN, (prenez la valeur par défaut CENTER pour afficher)



Ceci est le deuxième segment de ligne, aligné à gauche BR>



Voici le troisième segment de ligne, aligné à droite









Paramètres sans ombres


Paramètres sans ombres


C'est le premier segment de ligne, sans paramètre NOSHADE. Utilisez l'effet d'ombre par défaut pour afficher



Il s'agit du deuxième segment de ligne, avec paramètre NOSHADE


.


Dernière ligne horizontale :

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 尊渡假赌尊渡假赌尊渡假赌
Combien de temps faut-il pour battre Split Fiction?
3 Il y a quelques semaines By DDD
Hello Kitty Island Adventure: Comment obtenir des graines géantes
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 尊渡假赌尊渡假赌尊渡假赌

Article chaud

Repo: Comment relancer ses coéquipiers
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
Combien de temps faut-il pour battre Split Fiction?
3 Il y a quelques semaines By DDD
Hello Kitty Island Adventure: Comment obtenir des graines géantes
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 尊渡假赌尊渡假赌尊渡假赌

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)

Tutoriel sur l'utilisation de Dewu Tutoriel sur l'utilisation de Dewu Mar 21, 2024 pm 01:40 PM

Tutoriel sur l'utilisation de Dewu

Tutoriel sur la façon de désactiver le son de paiement sur WeChat Tutoriel sur la façon de désactiver le son de paiement sur WeChat Mar 26, 2024 am 08:30 AM

Tutoriel sur la façon de désactiver le son de paiement sur WeChat

Quel logiciel est Photoshop5 ? -tutoriel d'utilisation de Photoshopcs5 Quel logiciel est Photoshop5 ? -tutoriel d'utilisation de Photoshopcs5 Mar 19, 2024 am 09:04 AM

Quel logiciel est Photoshop5 ? -tutoriel d'utilisation de Photoshopcs5

Tutoriel DisplayX (logiciel de test de moniteur) Tutoriel DisplayX (logiciel de test de moniteur) Mar 04, 2024 pm 04:00 PM

Tutoriel DisplayX (logiciel de test de moniteur)

Les experts vous apprennent ! La bonne façon de couper de longues images sur les téléphones mobiles Huawei Les experts vous apprennent ! La bonne façon de couper de longues images sur les téléphones mobiles Huawei Mar 22, 2024 pm 12:21 PM

Les experts vous apprennent ! La bonne façon de couper de longues images sur les téléphones mobiles Huawei

En été, vous devez essayer de photographier un arc-en-ciel En été, vous devez essayer de photographier un arc-en-ciel Jul 21, 2024 pm 05:16 PM

En été, vous devez essayer de photographier un arc-en-ciel

Tutoriel PHP : Comment convertir un type int en chaîne Tutoriel PHP : Comment convertir un type int en chaîne Mar 27, 2024 pm 06:03 PM

Tutoriel PHP : Comment convertir un type int en chaîne

Comment découper des images dans PS - tutoriel sur la découpe d'images dans PS Comment découper des images dans PS - tutoriel sur la découpe d'images dans PS Mar 04, 2024 pm 12:07 PM

Comment découper des images dans PS - tutoriel sur la découpe d'images dans PS

See all articles