Maison > Article > interface Web > Comment tracer des lignes en CSS
Comment tracer des lignes en CSS
- 藏色散人original
- 2021-04-13 09:40:5310004parcourir
Comment tracer une ligne en CSS : 1. Utilisez l'attribut border pour obtenir l'effet de tracer une ligne, avec un code tel que "border-bottom: 1px solid #000000;" 2. Utilisez le hr balise pour obtenir l’effet de tracer une ligne.
L'environnement d'exploitation de cet article : système Windows 7, version HTML5&&CSS3, ordinateur Dell G3.
Il existe de nombreuses façons d'obtenir l'effet de dessiner un cœur en HTML. La plus simple consiste à utiliser la balise
1. Utilisez border pour obtenir l'effet de tracer une ligne
1 Vous pouvez définir un attribut border-bottom pour un élément d'une certaine largeur, afin qu'il n'ait qu'une seule bordure inférieure. , puis obtenir l'effet d'une ligne L'effet, le code est le suivant :
<div id="div1">
</div>
<style>
#div1{
margin-top: 100px;
width: 900px;
border-bottom: 1px solid #000000;
}
</style>2. L'effet de course est le suivant :
2 . Utilisez la balise hr pour tracer une ligne
1. Utilisez la balise hr pour obtenir l'effet de tracer une ligne :
<html>
<body>
<p>hr 标签定义水平线：</p>
<hr />
<p>这是段落。</p>
<hr />
<p>这是段落。</p>
<hr />
<p>这是段落。</p>
</body>
</html>2. L'effet de course est le suivant. suit :
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!