|
導(dǎo)讀網(wǎng)頁的本質(zhì)就是超級文本標記語言，通過結(jié)合使用其他的Web技術(shù)（如：腳本語言、公共網(wǎng)關(guān)接口、組件等），可以創(chuàng)造出功能強大的網(wǎng)頁。因而，超級文本標記語言是萬維網(wǎng)（Web）編程的基礎(chǔ)，也就是說萬維網(wǎng)是建立... 網(wǎng)頁的本質(zhì)就是超級文本標記語言，通過結(jié)合使用其他的Web技術(shù)（如：腳本語言、公共網(wǎng)關(guān)接口、組件等），可以創(chuàng)造出功能強大的網(wǎng)頁。因而，超級文本標記語言是萬維網(wǎng)（Web）編程的基礎(chǔ)，也就是說萬維網(wǎng)是建立在超文本基礎(chǔ)之上的。超級文本標記語言之所以稱為超文本標記語言，是因為文本中包含了所謂“超級鏈接”點。 在網(wǎng)頁設(shè)計中，有時候會需要實現(xiàn)css背景透明文字不透明的效果。那么通過css怎么讓背景透明呢？本篇文章就給大家介紹關(guān)于如何用css設(shè)置背景透明并且文字不透明的方法。希望對有需要的朋友有所幫助。css背景透明文字不透明的具體代碼示例如下： <!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>css div背景透明示例</title>
<style>
*{
padding: 0;
margin: 0;
}
body{
padding: 50px;
background: url(img/2.png) 0 0 repeat;
}
.demo{
padding: 25px;
background-color: rgba(0,0,0,0.5);/* IE9、標準瀏覽器、IE6和部分IE7內(nèi)核的瀏覽器(如QQ瀏覽器)會讀懂 */
}
.demo p{
color: #FFFFFF;
}
</style>
</head>
<body>
<div class="demo">
<p>css背景透明文字不透明</p>
</div>
</body>
</html>效果如下圖：
從上圖可以明顯看出，css實現(xiàn)了div背景透明，并且文字不透明的效果。這里我們需要掌握的知識點就是，background-color中的rgba()函數(shù)。在css中使用rgba(0,0,0,0.5);這樣的格式來表示rgha。其中最后一個參數(shù)表示Alpha通道，表示透明度。 這里也順便說一下CSS 中的顏色有三種定義方式：使用顏色方法（RGB、RGBA、HSL、HSLA），十六進制顏色值和預(yù)定義的顏色名稱。 RGBA 是代表Red（紅色） Green（綠色） Blue（藍色）和 Alpha（不透明度）三個單詞的縮寫。 取值：
那么通過以上關(guān)于用css設(shè)置背景透明，文字不透明的效果內(nèi)容介紹，希望對有需要的朋友有所幫助。 以上就是網(wǎng)頁設(shè)計中css怎么實現(xiàn)背景透明?(示例)的詳細內(nèi)容，更多請關(guān)注php中文網(wǎng)其它相關(guān)文章！ 網(wǎng)站建設(shè)是一個廣義的術(shù)語，涵蓋了許多不同的技能和學(xué)科中所使用的生產(chǎn)和維護的網(wǎng)站。 |
溫馨提示：喜歡本站的話，請收藏一下本站！
本站發(fā)布的Win7純凈版系統(tǒng)、Win10純凈版和XP純凈版系統(tǒng)僅為個人學(xué)習(xí)測試使用，請在下載后24小時內(nèi)刪除，不得用于任何商業(yè)用途，否則后果自負，請支持購買微軟正版軟件！
本站所有資源全部來自于網(wǎng)絡(luò)資源,如侵犯到您的權(quán)益,請及時通知我們(peng896066052@126.com),我們會及時處理.
Copyright © 2018-2020 雨林木風下載站
