Maison >interface Web >Questions et réponses frontales >Comment configurer CSS pour ne pas afficher la bordure inférieure
Comment configurer CSS pour ne pas afficher la bordure inférieure
- 藏色散人original
- 2021-05-13 14:39:542990parcourir
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.
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>Résultat de l'exécution :
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;
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;
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;
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;
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!