--.--
--
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

05.05
Fri
・応用編


■ カラフルなデザインをつくる2

前回からはじまった応用編。
今回は、前回のつづきで外枠で遊んでみます。



ということで、前回の状態から。






文字が入りました。

おお、本当だ!!

キレイでしょ。

うんうん、こりゃいいね。




入力ソースはこのようになっています。

<table width="300" border="1" cellspacing="0" cellpadding="6">
<tr height="20" bgcolor="#ccffcc"><td align="center">
<font size="-1" color="#993300">~</font>;</td></tr>
<tr height="20" bgcolor="#ffffcc"><td align="center">
<font size="-1 color="#993300">~</font></td></tr>
<tr height="20" bgcolor="#ccffcc"><td align="center">
<font size="-1 color="#993300">~</font>;</td></tr>
<tr height="20" bgcolor="#ffffcc"><td align="center">
<font size="-1" color="#993300">~</font></td></tr>
</table>




ではさっそく、外枠で遊んでみます。
まずは、外枠に色をつけてみましょう。
(「table」に「bordercolor=""」属性を追加)






文字が入りました。

おお、本当だ!!

キレイでしょ。

うんうん、こりゃいいね。



ちょっとここで、このデザインを「テーブル1」と名づけます。
(「テーブル1」はこの後の講座でつかいます)



さらに外枠(table)と内枠(trやtd)の間隔を調節してみましょう。
(「table」の属性「cellspacing="~"」に好きな数字をいれます)






文字が入りました。

おお、本当だ!!

キレイでしょ。

うんうん、こりゃいいね。



すると、このように枠に間隔があきました!!




次回はレーシングフラッグのような模様をつくってみましょう。
関連記事
スポンサーサイト

comment 0 trackback 0
トラックバックURL
http://oyedihawakisi.blog37.fc2.com/tb.php/161-6fcdb08e
トラックバック
コメント
管理者にだけ表示を許可する
 

 New Favorite blog Entries 最新記事 37サイト掲載中

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。