実習９ ブロックのカスタマイズ

ブロックのカスタマイズ用スタイルシート 2022/1/25 川口さんメール

見出しのカスタマイズ

見出しのカスタマイズ h5, ( lighter, c2022, hleft2, anibackを追加CSSクラスに記載 )

見出しのカスタマイズ h5, ( c2022, htop, aniright d1を追加CSSクラスに記載)

見出しのカスタマイズ h5, ( hbottom, anileft d2を追加CSSクラスに記載 )

段落のカスタマイズ

フォントサイズ デフォルト、行の高さデフォルト、色c22act3を追加CSSクラスに記載
その時私の受けた第一の感じは、Ｋから突然恋の自白を聞かされた時のそれとほぼ同じでした。私の眼は彼の室の中を一目ひとめ見るや否いなや、あたかも硝子ガラスで作った義眼のように、動く能力を失いました

フォントサイズ 18px、行の高さ 1.4、色c22act7, has-small-font-sizeを追加CSSクラスに記載
私は棒立ぼうだちに立たち竦すくみました。それが疾風しっぷうのごとく私を通過したあとで、私はまたああ失策しまったと思いました。もう取り返しが付かないという黒い光が、私の未来を貫いて、一瞬間に私の前に横たわる全生涯を物凄ものすごく照らしました。そうして私はがたがた顫ふるえ出したのです。

それでも私はついに私を忘れる事ができませんでした。
すべてカスタムHTMLで記載

それでも私はついに私を忘れる事ができませんでした。段落で記載
オプションHTMLで編集、classは高度な設定の追加CSSクラスで記載
radiusは20pxに変更、背景色は設定→色→背景で設定

段落をHTML編集 dropcap, has-small-font-size, spanで一部文字色変更
私はすぐ机の上に置いてある手紙に眼を着けました。それは予期通り私の名宛なあてになっていました。私は夢中で封を切りました。しかし中には私の予期したような事は何にも書いてありませんでした。私は私に取ってどんなに辛つらい文句がその中に書き列つらねてあるだろうと予期したのです。そうして、もしそれが奥さんやお嬢さんの眼に触れたら、どんなに軽蔑されるかも知れないという恐怖があったのです。

文字装飾

Gradient1
デザインのトレンド、かっこいいグラデーションを実装

リストのカスタマイズ

テーブルのカスタマイズ

枠線がうまく表示できない

No	ラベル１	ラベル２	ラベル３
1	tbl1	B	C
2	AA	BB	CC
3	AAA	BBB	CCC
4	AAAA	BBBB	CCCC
5	AAAAA	BBBBB	CCCCC

No	ラベル１	ラベル２	ラベル３
1	tbl2	B	C
2	AA	BB	CC
3	AAA	BBB	CCC
4	AAAA	BBBB	CCCC
5	AAAAA	BBBBB	CCCCC

カラムと画像

できない

ボタンのカスタマイズ

カスタムHTMLで記載