HTMLで水平線とテキストの間の距離を設定する方法

HTML では、水平線タグの style 属性を使用してマージン スタイルを追加することで、水平線とテキストの間の距離を設定できます。マージンのスタイルは、margin、margin-top、または margin-bottom 属性を使用して設定できます。

このチュートリアルの動作環境: Windows 7 システム、CSS3&&HTML5 バージョン、Dell G3 コンピューター。

html水平線とテキストの間の距離を設定します

 文字--没有设置距离 
 文字 
 
 文字 
 文字 
 
 文字 
 文字 
 
 文字 
 文字 

レンダリング:

説明:

1. マージン属性

マージン省略属性は、1 つのステートメントですべてのマージン属性を設定します。この属性には 1 ～ 4 の値を指定できます。

margin:10px 5px 15px 20px;

#上マージンは 10px
右マージンは 5px
下マージンは 15px
左マージンは 20px

• margin:10px 5px 15px;

  ログイン後にコピー

上のマージンは 10px
左右のマージンは 5px
下マージンは 15px

• margin:10px 5px;

  ログイン後にコピー

上下の余白は 10px
左右の余白は 5px

• margin:10px;

  ログイン後にコピー
  すべて 4 各マージンは 10px

  2. margin-top 属性と margin-bottom 属性を使用します
  margin-top : 要素の上マージンを設定します

  • 
    

  margin-bottom : 要素の下マージンを設定します
  (学習ビデオ共有:
  css ビデオ チュートリアル

  )

  以上がHTMLで水平線とテキストの間の距離を設定する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。