Maison > interface Web > Questions et réponses frontales > Comment tracer des lignes en CSS

Comment tracer des lignes en CSS

藏色散人
Libérer: 2023-01-05 16:07:51
original
10087 Les gens l'ont consulté

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.

Comment tracer des lignes en CSS

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>
Copier après la connexion

2. L'effet de course est le suivant :

Comment tracer des lignes en CSS

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>
Copier après la connexion

2. L'effet de course est le suivant. suit :

Comment tracer des lignes en CSS

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!

Étiquettes associées:
css
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