Wiki練習⑥ 文字に背景をつけ、枠で囲む

画面右上　Wiki文法使用欄の□にチェックをいれる
入力はすべて半角
（下記設定例は半角を使用していない箇所があります）

文字に背景をつけ、枠で囲んでみよう

二宮町体育指導委員連絡協議会を文字で囲む

｜｜<#000080'style='border:solid 10px #0000ff;font:bold 30px;color:#ffffff'二宮町体育指導委員連絡協議会｜｜

｜｜の実際の入力は半角で

枠の種類　solid（基本線）　
枠色　青　　#0000ff　　枠線サイズ　10px
文字白　　 #ffffff　　サイズ　　　30px
背景濃紺　 #000080

上記条件で設定した結果

二宮町体育指導委員連絡協議会

下記の３パターンは、背景色や文字色そして枠の線種をいろいろなパターンで指定をし実験した結果です。

背景・黄色(#ffff00)、枠は額縁(ridge)・ライム色(#00ff00)、文字・黒(#000000)の結果

二宮町体育指導委員連絡協議会

背景・灰色(#808080)、枠は額縁(ridge)・アクア色(#00ffff)、文字・赤(#ff0000)の結果

二宮町体育指導委員連絡協議会

背景・灰色(#808080)、枠は浮出し(outset)・アクア色(#00ffff)、文字・赤(#ff0000)の結果

二宮町体育指導委員連絡協議会

額縁(ridge)や浮出し(outset)は立体的に表現されるため、濃い色（黒や濃紺など）を指定することは勧められません。なぜならば、濃い色を指定すると立体的な陰影が表現できない

「超初心者が綴るWiki実例」書庫の記事一覧

日	月	火	水	木	金	土
					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

ｔaishi 1949 晩酌の時間

全体表示

Wiki練習⑥ 文字に背景をつけ、枠で囲む

文字に背景をつけ、枠で囲んでみよう

上記条件で設定した結果

背景・黄色(#ffff00)、枠は額縁(ridge)・ライム色(#00ff00)、文字・黒(#000000)の結果

背景・灰色(#808080)、枠は額縁(ridge)・アクア色(#00ffff)、文字・赤(#ff0000)の結果

背景・灰色(#808080)、枠は浮出し(outset)・アクア色(#00ffff)、文字・赤(#ff0000)の結果

「超初心者が綴るWiki実例」書庫の記事一覧

コメント（0）

トラックバック（0）

Yahoo!ブログからのお知らせ

最新の記事一覧

訪問者履歴

最新のコメント

最新のトラックバック

過去の記事一覧

Yahoo!からのお知らせ

スマートフォンで見る

よしもとブログランキング