0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

テキストをHTML、CSSに変換しています。

Last updated at Posted at 2020-06-29

テキストをHTML、CSSに変換しています。

添付画像の[CONTENTS]、目次ページをHTMLとCSSで作成しなくてはならなくなりました。

文字の大きさ、色の調整、’line-height’、’marigin'などを使い凡そのレイアウトはうまくいきました。

(質問1)
わからなかったのが、CONTENTSの右横にある赤の点線です。
これは


を使って'dashed'などをかけてみたのですがうまくいきませんでした。
文字の横ではなく、文字の下側のラインに点線が出来てしまいます。
これは第1章の各項目でも同じことが言えます。文字の右横。文字の高さの中心と同じ高さに点線が作れません。

「 01 エクセルを起動・終了する ---------------------------------- 010」

うまく行く方法をご存知の方いらっしゃいましたら教えてください。

(質問2)
リストの左揃えはタグ

に’margin-left’をかけて揃えています。
リストのページ(数字)を右端で揃えるには同様に'margin-right'でうまくいきますか?
点線の長さや、リストの文字数を勘案しても添付画像のようにキレイに右端で揃えるには
どうやったらよろしいでしょうか?

慣れないHTML、CSSで苦労しています。
ご教授お願い致します。

ちなみにこのリストは

で作成しています。

CONTENST ---------------------------------------------------------------------
目次

【第一章】 これだけは知っておこう

01 エクセルを起動・終了する ---------------------------------- 010
02 ウィンドウの構成を知る ------------------------------------ 012
03 ワークシートの構成を知る ---------------------------------- 014
04 ファイル(ブック)を保存する -------------------------------- 016
05 保存した(ブック)を開く ------------------------------------- 018
06 Column 他のバージョンで開くには?------------------------- 020


IMG_0455.jpg

0
0
1

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?