ブログの杜 (Yahoo!ブログ作成講座)

ぶろぐのもり HTMLやWikiでYahoo!ブログをデザインアップして楽しく編集しよう!

全体表示

[ リスト ]

ボックスの背景色を変える


基本サンプルソース
||<○' style='border:2px □' ``ここに文字を入れる||
○に背景色を指定
□に枠の種類を指定

solidボックス
doubleボックス
grooveボックス
ridgeボックス
outsetボックス
insetボックス
dottedボックス
dashedボックス

サンプルソース

||<#FFAAAA' style='border:2px solid' ``solidボックス||
||<#FFAAFF' style='border:2px double' ``doubleボックス||
||<#AAAAFF' style='border:2px groove' ``grooveボックス||
||<#AAFFFF' style='border:2px ridge' ``ridgeボックス||
||<#AAFFAA' style='border:2px outset' ``outsetボックス||
||<#FFFFAA' style='border:2px inset' ``insetボックス||
||<#FFCCAA' style='border:2px dotted' ``dottedボックス||
||<#FFAAAA' style='border:2px dashed' ``dashedボックス||

ボックスの背景色・枠の太さを変える


基本サンプルソース
||<○' style='border:△px □' ``ここに文字を入れる||
○に背景色を指定
△に枠の太さの値を入れる
□に枠の種類を指定

solidボックス
doubleボックス
grooveボックス
ridgeボックス
outsetボックス
insetボックス
dottedボックス
dashedボックス

サンプルソース

||<#FFAAAA' style='border:9px solid' ``solidボックス||
||<#FFAAFF' style='border:8px double' ``doubleボックス||
||<#AAAAFF' style='border:7px groove' ``grooveボックス||
||<#AAFFFF' style='border:6px ridge' ``ridgeボックス||
||<#AAFFAA' style='border:5px outset' ``outsetボックス||
||<#FFFFAA' style='border:4px inset' ``insetボックス||
||<#FFCCAA' style='border:3px dotted' ``dottedボックス||
||<#FFAAAA' style='border:2px dashed' ``dashedボックス||

ボックスの背景色・枠の太さと色を変える


基本サンプルソース
||<○' style='border:△px □ ◎' ``ここに文字を入れる||
○に背景色を指定
△に枠の太さの値を入れる
□に枠の種類を指定
◎に枠の色を指定

solidボックス
doubleボックス
grooveボックス
ridgeボックス
outsetボックス
insetボックス
dottedボックス
dashedボックス

サンプルソース

||<#FFAAAA' style='border:9px solid #FF6666' ``solidボックス||
||<#FFAAFF' style='border:8px double #FF66FF' ``doubleボックス||
||<#AAAAFF' style='border:7px groove #6666FF' ``grooveボックス||
||<#AAFFFF' style='border:6px ridge #66FFFF' ``ridgeボックス||
||<#AAFFAA' style='border:5px outset #66FF66' ``outsetボックス||
||<#FFFFAA' style='border:4px inset #FFFF66' ``insetボックス||
||<#FFCCAA' style='border:3px dotted #FFAA66' ``dottedボックス||
||<#FFAAAA' style='border:2px dashed #FF6666' ``dashedボックス||



ボックスの要素の基本はこちら
http://blogs.yahoo.co.jp/kagemusyamk1/26474211.html

ボックスの枠色の変え方はこちら
http://blogs.yahoo.co.jp/kagemusyamk1/26583977.html

閉じる コメント(20)

転載させてください。<(_ _)>

2006/6/16(金) 午前 10:15 [ - ]

参考になります!傑作にポチッ!

2006/7/17(月) 午前 2:10 あれはんどろ

転載させて頂きます。

2006/9/8(金) 午後 8:06 やまね

参考に使わせて下さい!

2006/10/13(金) 午後 9:22 han**chi*o525

顔アイコン

すっごく欲しいです。転載させてください。もしいけなかったらすぐ削除します、おっしゃてくださいね。

2006/12/11(月) 午後 6:08 [ sa6*10* ]

参考になります。勉強したいので転写させてください。

2007/1/10(水) 午後 1:55 あいこ

転載させて頂きます♥

2007/5/5(土) 午後 1:01 まりな

枠の色の変え方が分からなかったので参考になりました!転載させてください!傑作ポチッ♪

2007/5/5(土) 午後 2:02 PEKO

使わせていただきます!

2007/5/6(日) 午後 3:51 ♪

顔アイコン

転載させて下さいm(__)m

2007/5/7(月) 午後 11:43 ichan〜

顔アイコン

転載させて下さいm(__)mポチ!!!

2007/5/7(月) 午後 11:46 ichan〜

顔アイコン

転載させて下さいませ。

2007/5/8(火) 午後 1:29 ななまま

転載お願いします。

2007/5/10(木) 午後 3:52 MiMiの部屋

顔アイコン

転載させてください。。。

2007/5/10(木) 午後 4:30 seven3r

顔アイコン

参考になります転載させて下さい

2007/5/10(木) 午後 10:06 レオとハナのママ

顔アイコン

勉強したいので、転載させて下さいね。ポチ!

2007/6/3(日) 午前 9:15 [ nonchalant117 ]

顔アイコン

転載させてください♪

2007/12/24(月) 午前 0:35 tucchi♪

顔アイコン

転載させてください♪

2009/1/1(木) 午前 10:18 [ 蓮華 ]

アバター

参考になります。
非公開書庫になりますが、転載させてください。

2010/1/6(水) 午前 9:41 +なお+

顔アイコン

こんばんは。
転載させてくださいm(__)m
ポチ

2011/7/16(土) 午後 11:40 [ - ]


.
影武者
影武者
男性 / O型
人気度
Yahoo!ブログヘルプ - ブログ人気度について
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

過去の記事一覧

Yahoo!からのお知らせ

検索 検索

ブログバナー

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

もっと見る

[PR]お得情報

ふるさと納税サイト『さとふる』
11/30まで5周年記念キャンペーン中!
Amazonギフト券1000円分当たる!

その他のキャンペーン


プライバシー -  利用規約 -  メディアステートメント -  ガイドライン -  順守事項 -  ご意見・ご要望 -  ヘルプ・お問い合わせ

Copyright (C) 2019 Yahoo Japan Corporation. All Rights Reserved.

みんなの更新記事