CSS中opacity屬性怎么用

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

創(chuàng)新互聯(lián)專注為客戶提供全方位的互聯(lián)網(wǎng)綜合服務(wù)，包含不限于網(wǎng)站設(shè)計(jì)、成都網(wǎng)站建設(shè)、南譙網(wǎng)絡(luò)推廣、微信小程序開發(fā)、南譙網(wǎng)絡(luò)營銷、南譙企業(yè)策劃、南譙品牌公關(guān)、搜索引擎seo、人物專訪、企業(yè)宣傳片、企業(yè)代運(yùn)營等，從售前售中售后，我們都將竭誠為您服務(wù)，您的肯定，是我們最大的嘉獎；創(chuàng)新互聯(lián)為所有大學(xué)生創(chuàng)業(yè)者提供南譙建站搭建服務(wù)，24小時(shí)服務(wù)熱線：18982081108，官方網(wǎng)址：chinadenli.net

opacity屬性的使用方法

描述如下

opacity:值;

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

即使將其設(shè)置在0.0到1.0的范圍之外，也可以在此范圍內(nèi)應(yīng)用（例如：-1→0/2→1）將不透明度設(shè)置為0使其完全透明，并從屏幕上消失。

當(dāng)不透明度設(shè)置為1時(shí)，它變得完全不透明。（初始值）

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

當(dāng)值是小數(shù)點(diǎn)時(shí)

代碼如下

HTML代碼

<!DOCTYPEhtml>

<html>

<head>

<metacharset="utf-8"/>

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

</head>

<body>

<div>

</div>

</body>

</html>

CSS代碼

div{background-color:#b0e0e6;}

p{opacity:0.5;}

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

段落的字符部分的不透明度已經(jīng)改變，它顯示出略微透明。此外，由于<div>區(qū)域中未設(shè)置不透明度，因此背景顏色的不透明度未更改。

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享的“CSS中opacity屬性怎么用”這篇文章對大家有幫助，同時(shí)也希望大家多多支持創(chuàng)新互聯(lián)，關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，更多相關(guān)知識等著你來學(xué)習(xí)!

網(wǎng)站題目：CSS中opacity屬性怎么用
文章網(wǎng)址：http://chinadenli.net/article46/jeephg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供ChatGPT、做網(wǎng)站、企業(yè)網(wǎng)站制作、商城網(wǎng)站、服務(wù)器托管、小程序開發(fā)

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容

欧美一区二区三区老妇人-欧美做爰猛烈大尺度电-99久久夜色精品国产亚洲a-亚洲福利视频一区二区

CSS中opacity屬性怎么用