ホーム > 初心者向きタグ講座 > 影の作り方

影の作り方

テーブルタグに影を付けて立体的にする方法の説明です。

普通の枠
←の枠に対して→は立体的に見えますよね?
立体的な枠

立体的な枠のタグは↓

<table bgcolor="#ff0000" style="border-width: 3px; border-style: solid; border-color: #ff0000; border-right-color: #910000; border-bottom-color: #db0000; border-top-color: #ff6060; border-left-color: #ff6060; background-color:#ff0000;">
<tr>
<td>立体的な枠</td>
</tr>
</table>

説明としましては、
border-top-colorで上の色
border-right-colorで右の色
border-left-colorで左の色
border-bottom-colorで下の色
を指定する事によって立体的に見えます。

簡単な事を言ってしまうと絵を描く時に影を付ける感じと同じで部分によって、
暗くしたり明るくしたりとしているだけですw
もっと絵の事に詳しい方だったらもっと上手にできると思いますよ♪

ホーム > 初心者向きタグ講座 > 影の作り方

検索
当サイト使用のサーバー
サイト情報
メタ情報

▲ページTOPへ