CSS では、rgba() 関数で color 属性を使用して、テキストの透明背景を不透明にする効果を設定できます。構文形式は「rgba(red, green, blue, alpha)」です。パラメータ alpha は、透明度を「0.0」から「1.0」までの値に設定するために使用されます。
このチュートリアルの動作環境: Windows 7 システム、CSS3&HTML5 バージョン、Dell G3 コンピューター。
css テキストを透明な背景を不透明に設定します
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style type="text/css">
div{
background: palevioletred;
width: 200px;
height: 200px;
}
.box {
color: rgba(255, 255, 255, 0.4)
}
</style>
</head>
<body>
<div>
<span>我是正常文字</span><br />
<span class="box">我是透明文字</span>
</div>
</body>
</html>レンダリング:
css RGBA
RGBA は (赤-緑-青-アルファ) を意味します。RGB で拡張され、カラー値の透明度を設定する「アルファ」チャネルが含まれます。
構文:
RGBA(R,G,B,A)
値:
R: 赤色の値。正の整数 | パーセント
G: 緑色の値。正の整数 | パーセント
B: 青色の値。正の整数 | パーセント
A: 0 から 1 の範囲のアルファ透明度。
推奨チュートリアル: CSS ビデオ チュートリアル
以上がCSSを使用してテキストを透明な背景を不透明に設定する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
「使用」要素を使用した自動SVG圧縮を超えて進みますApr 12, 2025 am 09:39 AM独自のSVGファイルを描画する場合、またはインターネットからダウンロードした場合、このSVG-EditorやSVGOMGのようなツールは友達です。でファイルを圧縮します
SVGのすべてを使用して再利用します...アニメーションでさえ！Apr 12, 2025 am 09:36 AMSVGおよびCSSアニメーションに精通していて、頻繁に作業し始めた場合、ジャンプする前に心に留めておきたいアイデアがあります。
柔軟なキャプション付きスラント画像Apr 12, 2025 am 09:31 AMこの傾斜した画像の行を作成するためのエリックマイヤーのチュートリアルの最終結果は、かなり上品です。しかし、それは目的地よりも旅についての方が多いです（そこに
CSSのステップで値を変更しますApr 12, 2025 am 09:28 AM実際にはCSSにはステップ（）関数がありますが、アニメーションにのみ使用されます。たとえば、あなたは高さで成長することを許可している要素を伝えることができますが、
グリッドの密集したキーワードの自動流出能力Apr 12, 2025 am 09:23 AMニュースWebサイトのホームページに取り組んでいると言わせてください。あなたはおそらくグリッドレイアウトでいくつかのカードベースのコンテンツを見るのに使用されていましたよね？ここに＆＃039;は古典です
これを使用しますApr 12, 2025 am 09:22 AMこれを使用している私との少しのインタビュー。あなたは私が誰であるかを知っているので、私はイントロをスキップしますが、私はここで残りを再発行します。
スクロール上のテキストをアニメーション化しますApr 12, 2025 am 09:18 AM楽しいニューヨークタイムズの記事が出てきたとき、湾曲したテキストをアニメーション化するというアイデアを取り上げました。私がしたのは、彼らがどのようにしたかを覗き込んで抽出することだけでした
ホットAIツール
Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ
AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。
Undress AI Tool
脱衣画像を無料で
Clothoff.io
AI衣類リムーバー
AI Hentai Generator
AIヘンタイを無料で生成します。
人気の記事
ホットツール
AtomエディタMac版ダウンロード
最も人気のあるオープンソースエディター
MantisBT
Mantis は、製品の欠陥追跡を支援するために設計された、導入が簡単な Web ベースの欠陥追跡ツールです。 PHP、MySQL、Web サーバーが必要です。デモおよびホスティング サービスをチェックしてください。
ZendStudio 13.5.1 Mac
強力な PHP 統合開発環境
EditPlus 中国語クラック版
サイズが小さく、構文の強調表示、コード プロンプト機能はサポートされていません
SecLists
SecLists は、セキュリティ テスターの究極の相棒です。これは、セキュリティ評価中に頻繁に使用されるさまざまな種類のリストを 1 か所にまとめたものです。 SecLists は、セキュリティ テスターが必要とする可能性のあるすべてのリストを便利に提供することで、セキュリティ テストをより効率的かつ生産的にするのに役立ちます。リストの種類には、ユーザー名、パスワード、URL、ファジング ペイロード、機密データ パターン、Web シェルなどが含まれます。テスターはこのリポジトリを新しいテスト マシンにプルするだけで、必要なあらゆる種類のリストにアクセスできるようになります。
