|
ボックスはスタイルシートの一つの四角形の範囲を決める要素(タグ)です。 まず、覚えてほしいのは、ボックスの属性のborder(ボーダー)の使い方です。 これはテーブルの属性と同じ使い方で、枠の太さを変えられます。 さらに「solid、double、groove、ridge、outset、inset、dotted、dashed」を使って 枠の種類を変えられるはボックスの特性です。 ボックスの属性のひとつを使ってborderとサイズを指定して、様々な枠を作る 基本サンプル ||<#FFFFFF' style='border:○px △' ``ここに文字を入れる||○に枠の太さ △に枠の種類を決め、枠の種類についてはサンプルを参照に
基本サンプル ||<#FFFFFF' style='border:2px solid' ``solidボックス|| ||<#FFFFFF' style='border:2px inset' ``doubleボックス|| ||<#FFFFFF' style='border:2px groove' ``grooveボックス|| ||<#FFFFFF' style='border:2px ridge' ``ridgeボックス|| ||<#FFFFFF' style='border:2px outset' ``outsetボックス|| ||<#FFFFFF' style='border:2px inset' ``insetボックス|| ||<#FFFFFF' style='border:2px dotted' ``dottedボックス|| ||<#FFFFFF' style='border:2px dashed' ``dashedボックス|| 基本サンプル
基本サンプル ||<#FFFFFF' style='border:2px solid' ``solidボックス|| ||<#FFFFFF' style='border:3px inset' ``doubleボックス|| ||<#FFFFFF' style='border:4px groove' ``grooveボックス|| ||<#FFFFFF' style='border:5px ridge' ``ridgeボックス|| ||<#FFFFFF' style='border:6px outset' ``outsetボックス|| ||<#FFFFFF' style='border:7px inset' ``insetボックス|| ||<#FFFFFF' style='border:8px dotted' ``dottedボックス|| ||<#FFFFFF' style='border:9px dashed' ``dashedボックス|| ボックスの枠色の変え方はこちら http://blogs.yahoo.co.jp/kagemusyamk1/26583977.html |

- >
- Yahoo!サービス
- >
- Yahoo!ブログ
- >
- 練習用






転載させてください!
2009/1/18(日) 午後 3:59 [ まゆ@旧:翔波 ]