ホームページ >ウェブフロントエンド >CSSチュートリアル >CSSフォントの透明度を設定するにはどうすればよいですか?

CSSフォントの透明度を設定するにはどうすればよいですか?

不言
不言オリジナル
2018-10-30 15:27:3630064ブラウズ

CSS で実装できる美しいスタイルはたくさんあります。CSS で設定されたスタイルは、Web ページ全体を非常に美しく見せます。CSS でフォ​​ントの透明度を設定する方法を紹介します。ウェブページ。

css3 には新しい rgba 属性があり、いわゆる rgba 属性は、R (赤) G (緑) B (青) の 3 原色に ALPHA (透明度) を加えたものです。 # 次にやってみましょう 具体的には、この rgba 属性がフォントの透明度をどのように設定するかを見てみましょう。

まず、RGBA を使用して背景色の透明度を設定するのは非常に簡単です。例を簡単に見てみましょう: (関連する推奨事項:

CSS で背景色の透明度を設定するには? )

<!DOCTYPE html>
<html>
<head>
    <title></title>
    <style type="text/css">
.div{
    background-color:rgba(220,38,38,0.2);
    width:100px;
    height:100px;
}
</style>
</head>
<body>
<div class="div">
    我是文字
</div>
</body>
</html>

RGBA を使用して背景色の透明度を設定する効果は次のとおりです:

CSSフォントの透明度を設定するにはどうすればよいですか?

上記のコードは非常によくありませんかでは、RGBA を使用してフォントの透明度を設定するにはどうすればよいでしょうか?

実際、フォントの透明度を設定するには、色の rgba 属性を設定することもできます。

RGBA でフォントの透明度を設定する具体的な例を見てみましょう:

<!DOCTYPE html>
<html>
<head>
    <title></title>
    <style type="text/css">
.div{
    background:red;
    width:100px;
    height:100px;
    color:rgba(255,255,255,0.4)
}
    </style>
</head>
<body>
<div class="div">
    我是透明文字
</div>
</body>
</html>

フォントの透明度の効果は次のとおりです:

CSSフォントの透明度を設定するにはどうすればよいですか?

This CSS の透明度設定については、PHP 中国語 Web サイトの

css ビデオ チュートリアル および css3 ビデオ チュートリアル の列を参照してください。

以上がCSSフォントの透明度を設定するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。