免费观看又色又爽又黄的小说免费_美女福利视频国产片_亚洲欧美精品_美国一级大黄大色毛片

CSS中opacity屬性怎么用

這篇文章主要介紹了CSS中opacity屬性怎么用,具有一定借鑒價值,感興趣的朋友可以參考下,希望大家閱讀完這篇文章之后大有收獲,下面讓小編帶著大家一起了解一下。

創新互聯專注為客戶提供全方位的互聯網綜合服務,包含不限于網站設計、成都網站建設、南譙網絡推廣、微信小程序開發、南譙網絡營銷、南譙企業策劃、南譙品牌公關、搜索引擎seo、人物專訪、企業宣傳片、企業代運營等,從售前售中售后,我們都將竭誠為您服務,您的肯定,是我們最大的嘉獎;創新互聯為所有大學生創業者提供南譙建站搭建服務,24小時服務熱線:18982081108,官方網址:m.newbst.com

opacity屬性的使用方法

描述如下

opacity:值;

在值部分中,可以使用0.0到1.0的數值指定不透明度。數字越大,不透明度越高,顯示的越清晰。相反,數字越小,不透明度越低,顯示的越模糊。此外,如果為值輸入inherit,則繼承父元素的值。

即使將其設置在0.0到1.0的范圍之外,也可以在此范圍內應用(例如:-1→0/2→1)將不透明度設置為0使其完全透明,并從屏幕上消失。

當不透明度設置為1時,它變得完全不透明。(初始值)

接下來讓我們來看opacity屬性的具體示例

當值是小數點時

代碼如下

HTML代碼

<!DOCTYPEhtml>

<html>

<head>

<metacharset="utf-8"/>

<linkrel="stylesheet"href="sample.css"type="text/css">

</head>

<body>

<div>

<p>當值是小數的情況下</p>

</div>

</body>

</html>

CSS代碼

div{background-color:#b0e0e6;}

p{opacity:0.5;}

在這里,我們在<div>區域的<p>段落中輸入文本,背景顏色為#b0e0e6,并將<p>的不透明度值設置為0.5。

段落的字符部分的不透明度已經改變,它顯示出略微透明。此外,由于<div>區域中未設置不透明度,因此背景顏色的不透明度未更改。

感謝你能夠認真閱讀完這篇文章,希望小編分享的“CSS中opacity屬性怎么用”這篇文章對大家有幫助,同時也希望大家多多支持創新互聯,關注創新互聯行業資訊頻道,更多相關知識等著你來學習!

網站題目:CSS中opacity屬性怎么用
文章網址:http://m.newbst.com/article46/jeephg.html

成都網站建設公司_創新互聯,為您提供ChatGPT做網站企業網站制作商城網站服務器托管小程序開發

廣告

聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯

營銷型網站建設