| HOME | MAIL | 本館：b-cures. | 別館：Template b |
 
PR ★高収入が可能！ＷＥＢデザインのプロになってみない？！

スタイルシートを使う

▼テーブルの背景が透ける

<table>の中に、 style="filter:Alpha(Opacity=0〜100までの数字,style=0)" を入れます。

<table style="filter:Alpha(Opacity=0〜100までの数字,style=0)">
<tr>
<td>
</td>
</tr>
</table>

<html>
<head>
<title>
私のホームページ
</title>
</head>
<body text="#999999" link="#0000FF" vlink="#000099" alink="#000099" background="img/bg.gif" >
<h1>HP作成支援 </h1>
<font color="#FF0000">HTMLを作成してみましょう</font><br>
<table width="500" height="100" border="5" cellpadding="20" cellspacing="3" bordercolor="#3300FF" bgcolor="#000000" style="filter:Alpha(Opacity=80,style=0)">
<tr>
<td>テーブルの背景色は黒に指定しています。</td>
</tr>
</table>
</body>
</html>

サンプルページ

▼画像の背景が透ける

<img>の中にstyle="filter:Alpha(Opacity=0〜100までの数字,style=0)"を入れます。

<img src="画像のファイル名" border="0" style="filter:Alpha(Opacity=0〜100までの数字,style=0)">

<html>
<head>
<title>
私のホームページ
</title>
</head>
<body text="#999999" link="#0000FF" vlink="#000099" alink="#000099" background="img/bg.gif" >
<h1>HP作成支援 </h1>
<font color="#FF0000">HTMLを作成してみましょう</font><br>
<img src="img/ic.jpg" border="0" style="filter:Alpha(Opacity=80,style=0)"
</body>
</html>

サンプルページ
(C)2006 html sample. All Rights Reserved.