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

青灯夜游
Libérer: 2022-05-18 18:14:54
original
2083 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:
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