CSSフォントの透明度を設定するにはどうすればよいですか?-CSSチュートリアル-php.cn

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

不言

リリース： 2018-10-30 15:27:36

オリジナル

30039 人が閲覧しました

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フォントの透明度を設定するにはどうすればよいですか?