表を半透明にする
表示の例
この表は透明度を50にしています。

半透明なので、背景が透けて見えます。
表の透明度をかえる事ができます。
ソースは下のようになります。
表示させたい場所のHTMLソースに貼り付けましょう。
(必ず一度メモ帳などに貼り付けてから、あなたのページのHTMLソースに貼り付けてください)
ソース
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td align="center">
<span id="S1">
この表は透明度を50にしています。
<br><br>半透明なので、背景が透けて見えます。
</span>
</td>
</tr>
</table>
透明度・背景の色・文字の色・横幅・内部スペースを指定します。
下のソースをHEAD区間に貼り付けましょう。
ソース
<STYLE type="text/css">
<!--
#S1{
filter:alpha(opacity=50);
background-color:#3366FF;
color:#FFFFFF;
width:400px;
padding:5;
}
-->
</STYLE>
下の表を見てあなたのお好みにかえてみましょう。
透明度 opacity=50 の 50 ( 0 で透明、100 で不透明)
背景の色 background-color:#3366FF の #3366FF
文字の色 color:#FFFFFF の #FFFFFF
横幅 width:400px の 400
内部のスペース padding:5 の 5
ホームページお役立ち小技集のTOPへ