這篇文章主要介紹了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。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯