検索サーチエンジンと動画リンク集byねっとねこ

テーブルや画像に影を付けるタグとスタイルシート

スタイルシートのオプション filterを使ってテーブルや画像に影を付ける

ここで使用するスタイルシートは、WINDOWSの IE 6.0 7.0 にて
表示確認をしています。古いバージョンの IE や MAC専用の
ブラウザでの表示確認は しておりませんので、正しく表示され
るか?おかしな表示になるか?は ご自身で確認してください!

タグと styleでテーブルや画像に影を付ける

テーブルに影をつけると、こんな感じです。

こんにちは

影をつけると、浮いた感じ?


この影付きテーブルのタグは、この下です。
エリア内で 右クリック→ コピー

何となくですけれど、浮いた感じに見えます。

画像に影をつけると、こんな感じです。




エリア内で 右クリック→ コピー

影の色は、color= を変えれば OKです。
後は、そのままでいいと思います。

<span> タグは、タグとしての動的な要素はないですが
その分、style を発動させるのに良く使われます。

span タグを使って影を付ける時は、下の影の余白が必要となるので
<br></span> 余白分の 改行タグ <br> を入れます。

おしまい。。。








Copyright © 2008 - 2009 ねっとねこ Net-NekoProduction. All Rights Reserved.アクセスランキング