在css中,可以使用“background-color:transparent”語句去掉背景顏色;當背景色設置為transparent時,只會將元素的背景色設為透明,元素里面的其他元素或內容并不會受到影響。
本教程操作環境:windows7系統、CSS3&&HTML5版、Dell G3電腦。
transparent 值
盡管在大多數情況下,沒有必要使用 transparent。不過如果您不希望某元素擁有背景色,同時又不希望用戶對瀏覽器的顏色設置影響到您的設計,那么設置 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>這是標題 1</h1> <h2>這是標題 2</h2> <p>這是段落</p> <p class="no2">這個段落設置了內邊距。</p> </body> </html>
結果:
推薦學習:css視頻教程