|
導(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)站。 |
溫馨提示:喜歡本站的話,請收藏一下本站!