将样式添加到<p> </p>

时间:2011-08-20 08:55:09

标签: html css

我想更改HTML中<p>标记的字体,所以我尝试了:

<p style="font-family:'Myriad Pro','sans-serif'; font-size:10.0pt; color:#BE2D0F; ">

但它不起作用,任何建议如何做到这一点?我需要将字体更改为此字体颜色,字体和字体类型。

3 个答案:

答案 0 :(得分:4)

该代码是正确的。

请参阅:http://jsfiddle.net/bcEKb/

请注意,这仅为该单个<p>标记设置样式。要设置每个<p>代码的样式,您需要使用单独的样式表或将其放在<head>中,如下所示:

<html>
    <head>
        <style type = "text/css">
            p
            {
                font-family: "Myriad Pro", "sans-serif";
                font-size: 10pt;
                color: #BE2D0F;
            }
        </style>
    </head>
    <body>
        <p>This paragraph has the style applied.</p>
        <p>So does this one.</p>
    </body>
</html>

请参阅:http://jsfiddle.net/G6TKe/

答案 1 :(得分:0)

如果你有一个外部CSS文件,如果你想在每个段落上使用它,请确保你为p放了一个类,如果它只是一个段落然后只是把代码放入内联(就像你已经完成它并且它的工作原理) )

答案 2 :(得分:-1)

尝试指定不带单引号的字体名称。