段落的替代颜色

时间:2013-02-27 11:03:19

标签: html css

我想改变段落的颜色以吸引顾客。我的代码在

之下
<!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>

段落的当前颜色是蓝色但我想将其更改为红色/绿色等吸引力。我不是在这里使用闪烁而是尝试使用更改单词的颜色。怎么办?。

3 个答案:

答案 0 :(得分: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

答案 1 :(得分:1)

<p style="color: red;"><b>Hello</b></p>

<p style="color: green;"><b>Hello</b></p>

根据您要使用的颜色更改每个段落的颜色。您还可以从http://www.w3schools.com/html/html_colors.asp

中选择丰富的颜色代码

答案 2 :(得分:0)

将段落放在div之间,之后用css设置该div的颜色。另一个更简单的选择是使用类似<p style="color:cyan;">的东西,或者您可以使用RGB指定颜色。