CSS設置背景——顏色背景
<1>.設置body的背景顏色
1 <html>
2 <head>
3 <style type="text/css">
4 body {background-color: yellow}
5 h1 {background-color: #00ff00}
6 h2 {background-color: transparent}
7 p {background-color: rgb(250,0,255)}
8 p.no2 {background-color: gray; padding: 20px;}
9 </style>
10 </head>
11
12 <body>
13 <h1>這是標題 1</h1>
14 <h2>這是標題 2</h2>
15 <p>這是段落</p>
16 <p class="no2">這個段落設置了內邊距。</p>
17 </body>
18 </html>
上面的代碼中<style> </style>是用來設置css屬性的。
看了下面的這個圖你就會一切都明白了。
多個選擇器屬性要用分號隔開。
具體的效果如何，那就得動手了！
<2>.設置部分字體的顏色
1 <html>
2 <head>
3 <style type="text/css">
4 span.highlight
5 {
6 background-color: yellow
7 }
8 </style>
9 </head>
10
11 <body>
12 <p>
13 <span class="highlight">通過 CSS 繼承，</span>
14 子元素將繼承最高級元素（在本例中是 body）所擁有的屬性
15 <span class="highlight">
16 （這些子元素諸如 p, td, ul, ol, ul, li, dl, dt,和 dd）。
17 </span>
18 不需要另外的規則，所有 body 的子元素都應該顯示
19 Verdana字體，子元素的子元素也一樣。
20 并且在大部分的現代瀏覽器中，也確實是這樣的。
21 </p>
22 </body>
23 </html>
我們將看到在<span> </span>標簽中的字體的背景顏色就成了黃色的了。
<span>標簽是什么呢？
根據我的體會：它的作用就是把一段話分開成不同的部分，以便于添加不同的樣式。
具體的效果如何，那就要自己動手啦！
posted on 2011-09-13 21:51 More study needed. 閱讀(521) 評論(0) 收藏 舉報
浙公網安備 33010602011771號