| 表を半透明にする |
| 表示の例 |
この表は透明度を５０にしています。
半透明なので、背景が透けて見えます。
|
|
| 表の透明度をかえる事ができます。 |
|
|
|
|
|
|
| ソースは下のようになります。 |
| 表示させたい場所のHTMLソースに貼り付けましょう。 |
| （必ず一度メモ帳などに貼り付けてから、あなたのページのHTMLソースに貼り付けてください） |
| ソース |
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td align="center">
<span id="S1">
この表は透明度を５０にしています。
<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へ |
