CSSで線を引く方法

CSS で線を描画する方法: 1. 「border-bottom: 1px Solid #000000;」などのコードで、border 属性を使用して線を描画する効果を実現します。 2. hr を使用します。タグを使用して、線を描く効果を実現します。

CSSで線を引く方法

この記事の動作環境: Windows7 システム、HTML5&&CSS3 バージョン、Dell G3 コンピューター。

HTML でハートを描画する効果を実現するには、さまざまな方法があります。最も簡単な方法は、CSS の

タグまたは border 属性を使用することです。

1. 線を描く効果を実現するにはボーダーを使用します。

1. 特定の幅の要素に border-bottom 属性を設定して、下ボーダーが 1 つだけになるようにすることができます。これにより、線を描く効果が得られます。その効果、コードは次のとおりです:

<div id="div1">  
</div>
<style>
    #div1{
    margin-top: 100px;
    width: 900px;
    border-bottom: 1px solid #000000;
    }
</style>

2。実行中の効果は次のとおりです:

CSSで線を引く方法

2 hr タグを使用して線を描画します。

1. hr タグを使用して、線を描画する効果を実現します。コードは次のとおりです:

<html>
<body>
    <p>hr 标签定义水平线：</p>
    <hr />
    <p>这是段落。</p>
    <hr />
    <p>这是段落。</p>
    <hr />
    <p>这是段落。</p>
</body>
</html>

2. 実行時の効果は次のとおりです。以下:

CSSで線を引く方法

以上がCSSで線を引く方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明：

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

続きを見る