基本の小技

”基本の便利な小技”
水平線の線を変える
<hr style="border: double (線のスタイル) #f4c779 (線の色) 3px (線の太さ )" width=" 200 (線の幅) ">

double
二重

dotted
点線

dashed
破線

solid
実線
文字を装飾してみる
背景色を付ける <font style="background: #f4c779 (背景の色) ;">背景色を付ける</font>
枠を付ける <font style="border-style: double (枠のスタイル) ;">枠を付ける</font>
枠の色を変える <font style="border-style: double (枠のスタイル) ;border-color: #000000 (枠の色) ;">枠の色を変える</font>
枠の太さを変える <font style="border-style: solid (枠のスタイル) ;border-width: 5px (枠の太さ) ;">枠の太さを変える</font>
余白を付ける <font style="border-style: double (枠のスタイル) ;padding: 4px (余白の大きさ) ; border-width: 3px (枠の太さ) ;">余白を付ける</font>
枠を付ける(応用) <font style="border-style: double (枠のスタイル) ; background: #ffffff (背景色) ; border-color: #000000 (枠の色) ;border-width: 3px (枠の太さ) ; padding: 4px (余白の大きさ) ;">枠を付ける(応用)</font>
* 赤文字を好きなスタイルに変更(青文字は必ず削除)

double
二重

dotted
点線

dashed
破線

solid
実線

groove
くぼみ

inset
IN

outset
OUT

ridge
浮き上がり



© Rakuten Group, Inc.
Mobilize your Site
スマートフォン版を閲覧 | PC版を閲覧
Share by: