1. ホーム
  2. html

[解決済み] HTMLのテーブルを部分的に透明にするには?

2022-02-01 13:45:22

質問

以下のようなHTMLのテーブルがあった場合。

<table bgcolor="#151515" height="100" width="200">
<tr>
<td>
Hello
</td>
</tr>
</table>

部分的に透明にするにはどうしたらよいですか?CSSを使わずにできる方法はありますか?ない場合、CSSの方法は何ですか?

どのように解決するのですか?

htmlファイルで試してみてください。

<table class='table1'>
<tr><td>...

そして、これをcssファイルに記述します。

.table1 {
background: rgba(255,255,255,0.5);
}

これはrgba RED GREEN BLUE ALPHAの値を設定するもので、255,255,255=白、0,0,0=黒、最後の0.5の値(ALPHA)は0から1の間で、1が不透明、0が透明となります。お役に立てれば幸いです。

あなたの場合、#151515 (HEX CODE) は (21, 21, 21, 0.5) (RGBA) に変換され、Aは50%透明と同じになります。