1457013 ランダム
 ホーム | 日記 | プロフィール 【フォローする】 【ログイン】

基本の小技

”基本の便利な小技”
水平線の線を変える
<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.