Comment configurer CSS pour ne pas afficher la bordure inférieure-Questions et réponses frontales-php.cn

Comment configurer CSS pour ne pas afficher la bordure inférieure

藏色散人

Libérer： 2023-01-06 11:12:54

original

2991 Les gens l'ont consulté

Comment définir que la bordure inférieure ne soit pas affichée en CSS : créez d'abord un exemple de fichier HTML ; puis créez le contenu de la balise p dans le corps ; enfin, définissez l'attribut "border-bottom:none;" n'affiche pas la bordure inférieure.

Comment configurer CSS pour ne pas afficher la bordure inférieure

L'environnement d'exploitation de cet article : système Windows 7, version HTML5&&CSS3, ordinateur Dell G3. La bordure de l'élément

est constituée d'une ou plusieurs lignes entourant le contenu et le remplissage de l'élément. La propriété CSS border vous permet de spécifier le style, la largeur et la couleur de la bordure d'un élément.

Nous pouvons définir que la bordure inférieure ne soit pas affichée en définissant l'attribut border-bottom sur none.

Exemple :

<html>
<head>
<style type="text/css">
p 
{
border-style:solid;
border-bottom:none;
}
</style>
</head>
<body>
<p>设置下边框不显示</p>
</body>
</html>

Copier après la connexion

Résultat de l'exécution :

Comment configurer CSS pour ne pas afficher la bordure inférieure

Le style est l'aspect le plus important de la bordure. Ce n'est pas parce que le style contrôle. la bordure. Display (bien sûr, le style contrôle l'affichage de la bordure), mais parce que sans le style, il n'y aurait pas de bordure du tout.

L'attribut border-style est utilisé pour définir le style de toutes les bordures d'un élément, ou pour définir le style de bordure pour chaque côté individuellement.

La bordure peut apparaître uniquement si cette valeur n'est pas nulle.

Exemple 1

border-style:dotted solid double dashed;

Copier après la connexion

La bordure supérieure est en pointillés

La bordure droite est en ligne continue

La bordure inférieure est en double ligne

La bordure gauche est une ligne pointillée

Exemple 2

border-style:dotted solid double;

Copier après la connexion

La bordure supérieure est en pointillés

Les bordures droite et gauche sont des lignes pleines

La bordure inférieure est une double ligne

Exemple 3

border-style:dotted solid;

Copier après la connexion

Les bordures supérieure et inférieure sont en pointillés

Les bordures droite et gauche sont des lignes pleines

Exemple 4

border-style:dotted;

Copier après la connexion

Tous Les 4 bordures sont toutes en pointillés

Apprentissage recommandé : "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!