如何在HTML / CSS中的段落中加粗单词?

时间:2012-01-30 01:26:42

标签: html css paragraph

我是网络编程的初学者,有一些非常简单的问题。

我试图在一个段落中加粗几个单词,但我不知道如何使用HTML / CSS。我已经想出如何加粗整段,但还没有个别单词。如何在一个单词中加粗,就像我的例子中的“粗体”一样?

这使整个段落大胆:

<html>
<head>
<style type="text/css">
p.n1
{
    font:15px bold 30px Georgia,serif;
}

</style>
</head>

<body>
<p class="n1">I am in bold. </p>
</body>
</html>

7 个答案:

答案 0 :(得分:30)

<p><strong>This is in bold.</strong> This is not.</p>

您可能会发现Mozilla Developer Network是一个非常方便可靠的参考。

答案 1 :(得分:8)

我知道这个问题已经过时了但是我跑过去了,我知道其他人也可能遇到同样的问题。所有这些答案都没问题,但没有提供适当的细节或真正的真实建议。

当想要设置段落的特定部分的样式时,请使用span标记。

<p><span style="font-weight:900">Andy Warhol</span> (August 6, 1928 - February 22, 1987) 

was an American artist who was a leading figure in the visual art movement known as pop 

art.</p>

Andy Warhol (1928年8月6日 - 1987年2月22日)是一位美国艺术家,是视觉艺术运动中的领军人物,被称为流行艺术。

如代码所示,指定单词上的span标签样式:“Andy Warhol”。您可以使用任何CSS字体样式代码进一步设置单词样式。

{font-weight; font-size; text-decoration; font-family; margin; color}, etc. 

这些和更多内容中的任何一个都可用于设置单词,单词组甚至指定段落的样式,而无需向CSS样式表文档添加类。我希望这有助于某人!

答案 2 :(得分:3)

如果您只想“加粗”,Mike Hofer's answer大部分都是正确的。

但请注意,默认情况下标记会粗体显示其内容,但您可以使用css更改此行为,例如:

p strong {
    font-weight: normal;
    font-style: italic;
}

现在你的“大胆”是斜体:)

因此,请尝试按其含义使用标记,而不是使用默认样式。

答案 3 :(得分:3)

<p><b> BOLD TEXT </b> not in bold </p>;

<b>...</b>

之间加入要以粗体显示的文字

答案 4 :(得分:3)

<style type="text/css">
p.boldpara {font-weight:bold;}
</style>
</head>

<body>
<p class="boldpara">Stack overflow is good site for developers. I really like this site </p>

</body>

</html>

http://www.tutorialspoint.com

答案 5 :(得分:1)

添加<b>代码

<p> <b> I am in Bold </b></p>

有关更多文字格式标记 click here

答案 6 :(得分:0)

虽然您的答案有很多解决方案,但我认为这是保存代码行的好方法。尝试使用跨度,这对于像你这样的情况很有用。

  1. 创建一个类,使任何项目变为粗体。因此对于段落文本,它将是
  2. span.bold(This name can be anything do not include parenthesis) {
       font-weight: bold;
    }
    
    1. 在您的html中,您可以访问该类,例如使用span标记并添加一个粗体或您选择的任何名称