ユーザーが文字の大きさを変えたい場合を考えてemか%で指定。
レイアウトを変えたくない場合はptで指定。
行間はデフォルトだと詰まっているので指定したほうが良い。
■サンプル
http://www.ekamata.com/web/css_text.html
2009年5月1日金曜日
テーブル枠と罫線サンプルtable,hr
HTMLで指定する様々なボーダー。
■サンプル
http://www.ekamata.com/web/table_border.html
外部スタイルシート
/*罫線*/
hr{border-top:1px dashed #ffe4e1; margin:10px 0px;}
/*テーブル罫線なし*/
#table00{border:0px; border-collapse:collapse; border-spacing:0;}
#table00 td{padding:5px;}
/*テーブル外枠のみ罫線あり*/
#table01{border:1px #999999 dotted;}
#table01 td{padding:5px;}
/*テーブル罫線あり*/
#table02{bjavascript:void(0)order:1px #999999 dotted; border-collapse:collapse; border-spacing:0;}
#table02 td{padding:5px; border:1px #999999 dotted; vertical-align:top;}
■サンプル
http://www.ekamata.com/web/table_border.html
外部スタイルシート
/*罫線*/
hr{border-top:1px dashed #ffe4e1; margin:10px 0px;}
/*テーブル罫線なし*/
#table00{border:0px; border-collapse:collapse; border-spacing:0;}
#table00 td{padding:5px;}
/*テーブル外枠のみ罫線あり*/
#table01{border:1px #999999 dotted;}
#table01 td{padding:5px;}
/*テーブル罫線あり*/
#table02{bjavascript:void(0)order:1px #999999 dotted; border-collapse:collapse; border-spacing:0;}
#table02 td{padding:5px; border:1px #999999 dotted; vertical-align:top;}
登録:
投稿 (Atom)