简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Maison > interface Web > Questions et réponses frontales > le corps du texte

Quel est l'attribut du double trait en bas du CSS

青灯夜游
Libérer： 2022-05-18 18:14:54
original
2066 Les gens l'ont consulté

Le double trait inférieur CSS est l'attribut "border-bottom-style", qui est utilisé pour définir le style de la bordure inférieure de l'élément. Lorsque la valeur de l'attribut est définie sur "double", une double bordure solide peut être ajoutée. au bas de l'élément, c'est-à-dire l'effet Double trait ; syntaxe "border-bottom-style:double".

Quel est l'attribut du double trait en bas du CSS

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

Le double trait inférieur CSS est l'attribut "border-bottom-style".

L'attribut border-bottom-style est utilisé pour définir le style de la bordure inférieure de l'élément

Lorsque la valeur de cet attribut est définie sur "double", une double bordure solide peut être ajoutée au bas de l'élément pour obtenir un effet double course.

Exemple : 

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<style>
			p.double {
				border-bottom-style: double;
			}
		</style>
	</head>
	<body>
		<p>无边界。</p>
		<p class="double">双线底边界。</p>
	</body>
</html>
Copier après la connexion

Quel est lattribut du double trait en bas du CSS

Explication : En plus de double, la valeur de l'attribut border-bottom-style a également :

valueExplicationnoneSpécifiez aucune frontière hidden est la même chose que "aucun". Sauf lorsqu'il est appliqué aux tables, pour lesquelles Hidden est utilisé pour résoudre les conflits de bordure. pointilléSpécifiez la bordure en pointilléspointilléSpécifiez la bordure en pointilléssolideSpécifiez la bordure pleinegrooveDéfinition Double ligne. La largeur de la double ligne est égale à la valeur de border-width ridge définit une bordure en diamant tridimensionnelle. L'effet dépend de la valeur de border-color inset définit une bordure concave tridimensionnelle. L'effet dépend de la valeur de border-color outset définit une bordure convexe tridimensionnelle. L'effet dépend de la valeur de border-color
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<style>
			p.dotted {
				border-bottom-style: dotted;
			}

			p.dashed {
				border-bottom-style: dashed;
			}

			p.solid {
				border-bottom-style: solid;
			}

			p.groove {
				border-bottom-style: groove;
			}

			p.ridge {
				border-bottom-style: ridge;
			}

			p.inset {
				border-bottom-style: inset;
			}

			p.outset {
				border-bottom-style: outset;
			}
		</style>
	</head>

	<body>
		<p class="dotted">点底边界。</p>
		<p class="dashed">虚线底边界。</p>
		<p class="solid">实线底边界。</p>
		<p class="groove">凹槽底边界。</p>
		<p class="ridge">垄状底边界。</p>
		<p class="inset">嵌入底边界。</p>
		<p class="outset">外凸底边界。</p>
	</body>
</html>
Copier après la connexion

(Partage de vidéos d'apprentissage : Quel est lattribut du double trait en bas du CSStutoriel vidéo CSS

,

front-end web)

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 css3
source：php.cn
Article précédent：Quelles sont les propriétés utilisées pour se cacher en CSS Article suivant：L'impair peut-il être utilisé en CSS ?
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
Derniers articles par auteur
Derniers numéros
Où sont les didacticiels sur la cartographie mentale CSS ? Didacticiel
Depuis 2024-04-16 10:10:18
0
0
1335
La page ne peut soudainement plus extraire le CSS ou le bootstrap Je suis donc en train de développer une page, j'en ai fait une partie hier et ça a très bi...
Depuis 2024-04-06 21:58:04
0
1
800
Modifier dynamiquement les styles CSS en ligne dans Javafx J'essaie de changer l'image d'arrière-plan d'un volet lorsque l'application est agrandie. ...
Depuis 2024-04-06 20:57:16
0
1
487
Comment empiler les éléments flottants verticalement plutôt qu'horizontalement en CSS ? J'essaie de créer une page Web avec deux colonnes, avec le contenu principal d'un côté et ...
Depuis 2024-04-06 20:45:26
0
2
386
Existe-t-il un moyen de forcer le texte de la flexbox à être centré verticalement, quel que soit l'autre code CSS dont nous disposons ? J'ai le code CSS suivant qui fait partie d'un code CSS plus vaste utilisé dans un site Web...
Depuis 2024-04-06 20:41:51
0
1
518
Rubriques connexes
Plus>
Recommandations populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois：Formation PHP en ligne sur le bien-être public，Aidez les apprenants PHP à grandir rapidement！