ホームページ >ウェブフロントエンド >H5 チュートリアル >Dreamweaver で HTML Web ページの段落の行間隔を設定する方法

Dreamweaver で HTML Web ページの段落の行間隔を設定する方法

巴扎黑
巴扎黑オリジナル
2017-08-07 15:10:116243ブラウズ

Dreamweaver で HTML Web ページの段落の行間隔を設定するにはどうすればよいですか? Dreamweaver で Web ページをデザインするときに、テキストの段落間の行間隔が適切でないことがわかりました。必要な方は、以下の詳細なチュートリアルを参照してください。 Dreamweaver でデザインされたページのテキストは、オフラインではオフラインになりません。テキストの行間を調整したい場合、どのように調整すればよいですか?以下の詳細なチュートリアルを見てみましょう。


    ソフトウェア名:
  • Adobe Dreamweaver CC 2017 v17.0 中国語クラック版 (クラックパッチ付き) 64 ビット

  • ソフトウェアサイズ:
  • 7 58MB
  • 更新時間:
  • 2016-11-05
  • 1. まず、コンピューターを開いて、Dreamweaver ソフトウェアのショートカット キーを見つける必要があります。ショートカットキーをダブルクリックしてソフトウェアを開きます。

2. 次に、上部のファイル ドロップダウン メニューで [

新しい HTML ページを作成] をクリックし、デスクトップに保存します。

3. HTML ページに

p タグ

を入力し、 テキストを入力し、p タグ内のテキストにいくつかのスタイルを設定します。

4. F12 を押すと、完成したページが Firefox ブラウザで表示されます。

段落は 3 つしかありませんが、段落間の間隔が非常に広いことがわかります

5. Firefox ブラウザで

F12

を押し、Firebug を使用して、p タグの上部と下部の間に大きなギャップがあることがわかりました。 6. では、これらのギャップはどのようにして形成されるのでしょうか?実際、

html 段落には独自の

マージン値

があり、デフォルトではゼロ以外ではありません。 html の p タグの margin 値を 0 に設定する必要があります。ブラウザでページを更新すると、段落間のスペースが狭くなっていることがわかります。

7.

firebug を使用して再度確認したところ、段落の上下の黄色の部分が消えていることがわかりました。これは、段落に

マージン値 がなくなったことも意味します。段落間隔が 0 になりました。

以上がDreamweaver で HTML Web ページの段落の行間隔を設定する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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