2013-02-27 121 views
0

我想改變段落的顏色來吸引顧客。我的代碼是低於段落的替代顏色

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 
<html> 
    <head> 
    <title>hhjl</title> 
    </head> 
    <body> 
    <p style="color: blue;"><b>Hello</b></p> 
    </body> 
</html> 

段落的當前顏色是藍色,但我想改變它爲紅/綠等吸引力。我不是在這裏使用閃爍,而是試圖改變單詞的顏色。怎麼做?。

+0

在我看來,你會從做一些讀了HTML和CSS,也許做一些在線學習/教程受益匪淺。 StackOverflow真的用於提出超出基本問題的問題,比如「我怎樣才能改變段落的顏色?」。試試http://www.htmldog.com/guides/ – Raad 2013-02-27 11:13:54

+0

爲什麼?一個問題是否「基本」是完全相對的,是一個任意的數字。堆棧溢出是向questiosn提出問題並獲得答案的地方,雖然它提供了一個地方來提出問題,並且讓人們批評它,希望以upvote的形式獲得虛擬頭像。 – DavidB 2013-02-27 11:50:37

+0

請指定「將其更改爲紅色/綠色等」的含義。你的意思是它應該自動從一種顏色變成另一種顏色?立即還是緩慢?或者顏色應該從一種顏色開始,然後在某個方向上變爲另一種顏色(即漸變)?這個問題太模糊,不能以現在的形式回答。 – 2013-02-27 12:01:53

回答

2

您可以使用動畫來改變顏色:

p{ 
    color:blue;  
     -webkit-animation: color 1s linear 0s infinite alternate; 
    -moz-animation: color 1s linear 0s infinite alternate; 
      animation: color 1s linear 0s infinite alternate; 
} 

@-webkit-keyframes color { from { color:blue; } to { color:red; } } 
    @-moz-keyframes color { from { color:blue; } to { color:red; } } 
     @keyframes color { from { color:blue; } to { color:red; } } 

看看在Demo

Ressources:

https://developer.mozilla.org/en-US/docs/CSS/@keyframes
https://developer.mozilla.org/en-US/docs/CSS/animation

+0

我如何在html中使用它? – 2013-02-27 12:37:47

+1

嗯,我想你真的必須看看HTML和CSS的基礎知識。這是css,你可以通過頭文件中的'