[解決済み] 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%透明と同じになります。
関連
-
[解決済み】divの高さを画面の残りスペースで埋めるようにする
-
[解決済み] text-overflow: 省略記号が機能しない
-
[解決済み] CSSでcellpaddingとcellspacingを設定する?
-
[解決済み] HTML5のlocalStorageにオブジェクトを格納する方法は?
-
[解決済み] ページを再読み込みせずにURLを変更するにはどうすればよいですか?
-
[解決済み] CSSでテキストや画像の背景を透明にするには?
-
[解決済み] リンクのように動作するHTMLボタンを作成する方法
-
[解決済み] スクロールバーを隠すが、スクロールはできる状態
-
[解決済み] How do I style a <select> dropdown with only CSS?
-
[解決済み] divの内容を下に揃える方法
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み】HTML5検証エラー:body開始タグは見たが、同じタイプの要素がすでに開かれていた
-
[解決済み】フッターをページの下部に中央に配置するにはどうすればよいですか?
-
[解決済み] このCSSでInline-blockが正しく動作しないのはなぜですか?
-
[解決済み] 絶対位置が機能しない
-
[解決済み] ホバー時に背景画像を暗くする
-
[解決済み] Favicon.icoを表示させることができません。
-
[解決済み] margin-block-startとmargin-topの違いは何ですか?
-
[解決済み] HTML CSS インビジブルボタン
-
[解決済み] Font Awesome アイコンをプレースホルダーで使用する
-
[解決済み] Visual Studio Code CSSエラー「空のルールセットを使用しないでください」【終了しました