ホームページ > 記事 > ウェブフロントエンド > HTMLで水平線とテキストの間の距離を設定する方法
HTML では、水平線タグの style 属性を使用してマージン スタイルを追加することで、水平線とテキストの間の距離を設定できます。マージンのスタイルは、margin、margin-top、または margin-bottom 属性を使用して設定できます。
このチュートリアルの動作環境: Windows 7 システム、CSS3&&HTML5 バージョン、Dell G3 コンピューター。
html水平線とテキストの間の距離を設定します
<div> 文字--没有设置距离 <hr/> 文字 </div> <div> 文字 <hr style="margin-top: 20px"/> 文字 </div> <div> 文字 <hr style="margin-bottom: 20px"/> 文字 </div> <div> 文字 <hr style="margin: 20px 0 30px;"/> 文字 </div>
レンダリング:
説明:
1. マージン属性
マージン省略属性は、1 つのステートメントですべてのマージン属性を設定します。この属性には 1 ~ 4 の値を指定できます。
#例:margin:10px 5px 15px 20px;
margin:10px 5px 15px;
margin:10px 5px;
margin:10px;
以上がHTMLで水平線とテキストの間の距離を設定する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。