css-スタイルシート →
top
透ける(スケルトン)テーブルを作ってみました。
(ＮＮ６以降 動作確認)…注：半透明のテーブルはＩＥのみ動作可です
キーワード
意味
transparent
1…透明(完全に透ける)
opacity
2…不透明(＋数値…不透明度)
fixed
参考…固定
１…完全に透ける ↓右部分のソースをコピーし
＜body＞〜＜/body＞内の設置したい場所に記述します。
背景が透けて見えているよ♪
テーブル枠の色を変えたい時は、
tableタグ内…border:solid 〇〇〇〇〇〇 1px;
↑部分の〇に お好きな色の名前(英語)
もしくは16進数カラー色を入れて下さい。
<table style="background-color:transparent;border:solid #93a3e3 1px;"> <tr> <td>背景が透けて見えているよ♪</td> </tr> <tr> <td>テーブル枠の色を変えたい時は、</td> </tr> <tr> <td>tableタグ内…border:solid 〇〇〇〇〇〇 1px;</td> </tr> <tr> <td>↑部分の〇に お好きな色の名前(英語) </td> </tr> <tr> <td>もしくは16進数カラー色を入れて下さい。 </td> </tr> </table>
２…半透明(注:ＩＥのみ動作可) ↓右部分のソースをコピーし
＜body＞〜＜/body＞内の設置したい場所に記述します。
背景がうっすら透けて見えているよ♪
透明度を変えたい時は
tableタグ内の filter:Alpha(opacity=〇〇);
↑部分の〇の数値を変えてください。
（数値の少ない方が 透明度が高い)
又…テーブル内の背景の色を変えたい時は、
tableタグ内…background-color:〇〇〇〇〇〇;
↑部分の〇に お好きな色の名前(英語)
もしくは16進数カラー色を入れて下さい。
<table style="filter:Alpha(opacity=40); background-color:#ffffff;"> <tr> <td>背景がうっすら透けて見えているよ♪</td> </tr> <tr> <td>透明度を変えたい時は</td> </tr> <tr> <td>tableタグ内の filter:Alpha(opacity=〇〇);</td> </tr> <tr> <td>↑部分の〇の数値を変えてください。 </td> </tr> <tr> <td>（数値の少ない方が 透明度が高い) </td> </tr> <tr> <td>又…テーブル内の背景の色を変えたい時は、</td> </tr> <tr> <td>tableタグ内…background-color:〇〇〇〇〇〇;</td> </tr> <tr> <td>↑部分の〇に お好きな色の名前(英語) </td> </tr> <tr> <td>もしくは16進数カラー色を入れて下さい。 </td> </tr> </table>
参考…背景が固定されます ↓下のソースをコピーし
＜body 〇〇〇…＞タグ内に記述します。
style="background-attachment:fixed"
--著作権情報 http://park7.wakwak.com/~choukan/ 水澄ましの歌--