给<p>标签添加样式

3

我想在HTML中更改<p>标签的字体,因此我尝试了以下代码:

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

但这并不起作用,有什么建议可以做到这一点吗?我需要更改字体为此字体颜色、字体和字体类型。


4
对我来说没问题。你确定你的系统上安装了Myriad Pro字体吗?你看到任何样式变化吗? - Alex
2
你的代码在我的浏览器中可以运行。 - nobody
什么出了问题?所有三个属性都有问题吗?只有一个?是什么?另外,HTML上下文是什么?你是否通过包含闭合标签</p>来包围样式化的文本? - Sparky
2
为什么我们要给这个模糊不清且不完整的问题点赞? - Sparky
3个回答

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/


0
如果您有一个外部CSS文件,请确保为p放置一个类,如果您希望它在每个段落中使用,如果只是一个段落,则将代码内联放置(就像您已经做过并且它有效)。

-1
尝试指定字体名称时不要使用单引号。

4
有空格的字体名称必须加引号。 - Wesley Murch
2
第二个字体不需要,但第一个字体需要,因为它的名称中有一个空格。 - Shef

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接