ブログ
2019-11-04(月) 全体公開ゲムキのブログでhtmlが使えるようになったので使ってみた。
・見だし要素
<h2 style="width:90%;border-bottom:solid thick #0ff;">
下線を適当な長さ引くためにborderの指定をしてある。
・定義リスト
<dl style="margin-top:0">
ブラウザの仕様で上下marginが挿入されるので、
margin-top:0で見出しと定義リストの間を0に。
・定義項目名
<dt style="clear:left;float:left;width:5em;font-weight:bold">
dd要素を同じ行に揃えるためdt要素をfloatさせる。
clearをdt要素に持たせることで、下段にdt要素を追加してもバグらないように。
フォントは太字。
・定義内容
<dd style="margin-left:5em">
dt要素がfloatしているのでmargin-leftを指定して項目名と重ならないように。
必要最小限のデザインをしたって感じなんだが、
PCで見ると1セクションの境目の明確さが微妙な感じがする。
スマホで見た場合はdlのmargin-bottomで境目が十分分かるんだが。
最近の日記
2024-05-12(日) (全)コードギアス
2024-05-11(土) (全)
ラグナクリムゾン
2024-05-10(金) (全)
◆ネタバレ◆コードギアス
2024-05-03(金) (全)
ウマ娘
2024-04-29(月) (全)
僕ヤバ、友崎くん
2024-04-22(月) (全)
コナン
2024-04-21(日) (全)
シャニ6thと横浜観光
2024-04-06(土) (全)
110分の1の解説
2024-03-31(日) (全)
リズダム
2024-03-21(木) (全)
株日記10
カレンダー
| 日 | 月 | 火 | 水 | 木 | 金 | 土 |
|---|---|---|---|---|---|---|
| 1 | 2 | |||||
| 3 | 4 | 5 | 6 | 7 | 8 | 9 |
| 10 | 11 | 12 | 13 | 14 | 15 | 16 |
| 17 | 18 | 19 | 20 | 21 | 22 | 23 |
| 24 | 25 | 26 | 27 | 28 | 29 | 30 |