在css中,可以使用“background-color:transparent”語句去掉背景顏色;當(dāng)背景色設(shè)置為transparent時(shí),只會(huì)將元素的背景色設(shè)為透明,元素里面的其他元素或內(nèi)容并不會(huì)受到影響。
本教程操作環(huán)境:windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。
transparent 值
盡管在大多數(shù)情況下,沒有必要使用 transparent。不過如果您不希望某元素?fù)碛斜尘吧瑫r(shí)又不希望用戶對(duì)瀏覽器的顏色設(shè)置影響到您的設(shè)計(jì),那么設(shè)置 transparent 值還是有必要的。
示例:
<html> <head> <style type="text/css"> body { background-color: yellow } h1 { background-color: #00ff00 } h2 { background-color: transparent } p { background-color: rgb(250,0,255) } p.no2 { background-color: gray; padding: 20px; } </style> </head> <body> <h1>這是標(biāo)題 1</h1> <h2>這是標(biāo)題 2</h2> <p>這是段落</p> <p class="no2">這個(gè)段落設(shè)置了內(nèi)邊距。</p> </body> </html>
結(jié)果:
推薦學(xué)習(xí):css視頻教程