透過テーブル1-7カラー/HTMLタグ素材集

透過テーブル
1-7別カラー

透過テーブル別カラー１

内容部分

[opacity=30]の数字を小さくすると透明度が高くなります。

[width="横幅"][height="縦幅"]の数字を変えると大きさを変えられます。

[Td align="横位置" valign="縦位置"]は表内の文字(画像)位置を指定
[align="center"中央---align="left"左側---align="right"右側]
[valign="top"上部---valign="middle"中央---valign="bottom"下部]

テーブルにフィルターをかけているので内容部分に入る
文字や画像もすべて透明になります。

<Table border="0" width="320" height="150" cellspacing="0" bgcolor="#0080ff" cellspacing="0" style="filter:Alpha(opacity=30);">
<Tr><Td align="center" valign="top">
<font color="#ff6600">
内容部分
</font>
</Td></Tr>
</Table>

透過テーブル別カラー２

内容部分

<Table border="0" width="320" height="150" cellspacing="0" bgcolor="#ff00ff" cellspacing="0" style="filter:Alpha(opacity=30);">
<Tr><Td align="center" valign="top">
<font color="#ffffff">
内容部分
</font>
</Td></Tr>
</Table>

透過テーブル別カラー３

内容部分

<Table border="0" width="320" height="150" cellspacing="0" bgcolor="#ff00ff" cellspacing="0" style="filter:Alpha(opacity=30);">
<Tr><Td align="center" valign="top">
<font color="#0080ff">
内容部分
</font>
</Td></Tr>
</Table>

透過テーブル別カラー４

内容部分

<Table border="0" width="320" height="150" cellspacing="0" bgcolor="#80ff80" cellspacing="0" style="filter:Alpha(opacity=30);">
<Tr><Td align="center" valign="top">
<font color="#ffffff">
内容部分
</font>
</Td></Tr>
</Table>

透過テーブル別カラー５

内容部分

<Table border="0" width="320" height="150" cellspacing="0" bgcolor="#80ff80" cellspacing="0" style="filter:Alpha(opacity=30);">
<Tr><Td align="center" valign="top">
<font color="#ff00ff">
内容部分
</font>
</Td></Tr>
</Table>

透過テーブル別カラー６

内容部分

<Table border="0" width="320" height="150" cellspacing="0" bgcolor="#959500" cellspacing="0" style="filter:Alpha(opacity=30);">
<Tr><Td align="center" valign="top">
<font color="#ffffff">
内容部分
</font>
</Td></Tr>
</Table>

透過テーブル別カラー７

内容部分

<Table border="0" width="320" height="150" cellspacing="0" bgcolor="#959500" cellspacing="0" style="filter:Alpha(opacity=30);">
<Tr><Td align="center" valign="top">
<font color="#009500">
内容部分
</font>
</Td></Tr>
</Table>

透過テーブル別カラー８

内容部分

<Table border="0" width="320" height="150" cellspacing="0" bgcolor="#ff6600" cellspacing="0" style="filter:Alpha(opacity=30);">
<Tr><Td align="center" valign="top">
<font color="#ffffff">
内容部分
</font>
</Td></Tr>
</Table>

透過テーブル別カラー９

内容部分

<Table border="0" width="320" height="150" cellspacing="0" bgcolor="#ff6600" cellspacing="0" style="filter:Alpha(opacity=30);">
<Tr><Td align="center" valign="top">
<font color="#0080ff">
内容部分
</font>
</Td></Tr>
</Table>

透過テーブル別カラー10

内容部分

<Table border="0" width="320" height="150" cellspacing="0" bgcolor="#000000" cellspacing="0" style="filter:Alpha(opacity=30);">
<Tr><Td align="center" valign="top">
<font color="#ffffff">
内容部分
</font>
</Td></Tr>
</Table>

ページトップへ

【i2i】アクセスカウンター無料レンタル