2014-05-20 108 views
0

我正在嘗試爲網站創建演示文稿,並且背景爲黑色,因此我需要將文本變成白色。更改鏈接顏色的代碼正在工作,但更改段落的代碼不是。我對編碼的瞭解是我自己能夠教導的,而且在我的代碼中找不到任何可能導致此問題的錯誤。任何援助非常感謝。Css文字顏色變化不起作用?

這是我的CSS:

body{background-color:#000000;} 

p{color:#ffffff; 
font: 12px arial;} 

A {color:#7b0000; 
font:12px arial; 
text-decoration:underline; 
background:#transparent; 
border-style: solid; 
border-left-width: 1px; 
border-top-width: 1px; 
border-right-width: 1px; 
border-bottom-width: 1px; 
border-color: Transparent;} 

這在html:

<body> 
<div> 
<h1>Heading One</h1> 
<h2>Sub-heading One</h2> 
<p> 
Paragraph 1 Paragraph 1 Paragraph 1 Paragraph 1 Paragraph 1 Paragraph 1 

Paragraph 1 Paragraph 1 Paragraph 1 Paragraph 1 <a 

href="http://www.google.com" target="_blank">Test Link 1</a> Paragraph 1 

Paragraph 1 Paragraph 1 Paragraph 1 Paragraph 1 Paragraph 1 Paragraph 1 
</p> 
<h2>Sub-heading Two</h2> 
<p> 
Paragraph 2 Paragraph 2 Paragraph 2 Paragraph 2 Paragraph 2 Paragraph 2 

Paragraph 2 Paragraph 2 Paragraph 2 Paragraph 2 Paragraph 2 Paragraph 2 

Paragraph 2 Paragraph 2 Paragraph 2 Paragraph 2 Paragraph 2 Paragraph 2 
</p> 
</div> 
</body> 
+0

用於在您的CSS小a –

+2

段落文本顯示爲白色預期。 http://jsbin.com/robugehi/2/ – Sowmya

+0

你想要段落是什麼顏色? – nicael

回答

1

我把你的代碼塞進JSFiddle中,它看起來像你解釋你想要的那樣工作。在白不顯示純文本是頭,你可以風格使用CSS的下面幾行:

h1{color:white;} 

h2{color:white;} 

退房的jsfiddle這裏:

http://jsfiddle.net/QwK85/1/

0

你的代碼看起來沒什麼問題,只是抄了一遍,跑和P標籤中的白色剛apear預期。 現在你的h1和h2標籤也一樣

0

使用body{background-color:#000000; color:#fff;}代替body{background-color:#000000;}在你的CSS部分。