FC2ブログ
05.05
Fri
・応用編


■ 色々なテーブル枠2

前回は、テーブルの枠自体をスタイルシートで変えて遊んでみました。
今回は、さらにテーブルの枠で遊んでみます。



枠の色を徐々に変える。

ここに文章や画像をいれま



入力ソースはこちら。

<table width="300" height="50" cellspacing="0" cellpadding="0" style="border:2px solid #ffff00;">
<tr><td>
<table width="300" height="50" cellspacing="0" cellpadding="0" style="border:1px solid #ff9900;">
<tr><td>
<table width="300" height="50" cellspacing="0" cellpadding="0" style="border:1px solid #ff0000;">
<tr><td>ここに文章や画像をいれます
</td></tr></table></td></tr></table></td></tr></table>





ここに文章や画像をいれま



↑上のソースの「solid」を「dashed」に。「border:1px」を「border:2px」に。
(「#ccffcc」→「#66cc66」→「#009900」と色も変えています)





ここに文章や画像をいれま




上のソースの「solid」を「double」に。「border:1px」を「border:3px」に。
(「#ccffff」→「#6699ff」→「#0033ff」と色も変えています)



次回は、色々なテーブル枠、第3段です!
関連記事
スポンサーサイト




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

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

back-to-top