1. 程式人生 > 其它 >Delphi 系統[5]關鍵字和保留字 uses、type

Delphi 系統[5]關鍵字和保留字 uses、type

在css中有很多好看的樣式都可以實現,css設定出來的樣式讓整個網頁看起來也會非常美觀,今天的這篇文章就給大家來介紹一下在css中怎麼設定文字的透明度,讓你的文字在網頁中看起來是透明的。

CSS設定透明度可用如下兩類方法實現:

1、使用rgba
2、使用opacity

使用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
> 我是透明文字 </div> </body> </html>

https://www.houdianzi.com/ vi設計公司

使用opacity設定文字不透明度示例:

<!DOCTYPE html>
<html>
<head>
    <title></title>
    <style type="text/css">
.div{
    background:red;
    width:100px;
    height:100px;   
}
p{opacity:0.4;}
    </style>
</head>
<body>
<div>
    <p>我是透明文字</p>
</div>
</body>
</html>

rgba()方法與opacity方法雖然都可以實現透明度效果,但rgba()只作用於元素的顏色或其背景色(設定了rgb()透明度元素的子元素不會繼承其透明效果);而opacity具有繼承性,既作用於元素本身,也會使元素內的所有子元素具有透明度。