HTML代码中的彩色文本

时间:2012-09-01 08:55:17

标签: html css html5

我有一个单词ONE_WORD,我想让它变大一点,改变文字样式并用红色着色。我怎样才能做到这一点? 我尝试使用此代码,但它不起作用:

<font color="#B00000 ">ONE_WORD</font>

thx,D。

9 个答案:

答案 0 :(得分:6)

Font已弃用。请改用span

<span class="word">Your Word</span>

然后将风格应用于它。

<强> CSS:

.word
{
font-size:20px;
color:Red;
//Other styles
}

不建议使用inline样式。

答案 1 :(得分:3)

font已弃用。使用<span>和CSS应用特定样式:

<span style="color: #b00; font-size: 16px; font-style: italic;">ONE_WORD</span>

答案 2 :(得分:3)

使用属性样式编辑样式属性:

<span style="color:#B00000;">This is dark red.</span> 

更多信息: http://www.w3schools.com/html/html_css.asp (根据大众需求:使用http://www.w3.org/Style/Examples/011/firstcss.en.html#colorshttps://developer.mozilla.org/en-US/docs/CSS/color代替。需要经过长时间的搜索才能找到您在w3.org或MDN中寻找的内容,但正如所指出的那样,它们肯定比w3schools.com更可靠。

答案 3 :(得分:3)

你可以试试这个

HTML和INLINE CSS

<div class="text" style="color:red; font-size:20px;">ONE_WORD</div>

或使用以下CSS

.text{color:red; font-size:20px;}

答案 4 :(得分:2)

<span style="font-size: 20px; font-style: italic; color: red;">ONE_WORD</span>

答案 5 :(得分:2)

样式中定义CSS属性。写得像这样:

<font style="color:#B00000">ONE_WORD</font>

答案 6 :(得分:2)

首先,想一想你想增加它的尺寸的理由。如果有一个符合该原因的HTML元素(例如强调<em>),那么这就是要使用的元素:

<em>ONE_WORD</em>

如果您在其他地方使用相同的元素但不希望其他用途具有相同的外观,则将其与类一起使用。班级名称也应该反映出你想要更大的想法:

<em class="ourName">ONE_WORD</em>

如果没有自然匹配,请使用<span>

<span class="ourName">ONE_WORD</span>

然后在CSS中设置要匹配的样式。如果你选择了第一个选择:

em
{
  color: red;
  font-size: 120%;
  font-style: italic;/*em does this by default, but we'll include it anyway*/
}

如果你选择第二种或第三种选择,那么:

.ourName
{
  color: red;
  font-size: 120%;
  font-style: italic;
}

或者例如仅将此样式应用于该类的<em>元素 - 并处理您使用同一类的其他元素:

em.ourName
{
  color: red;
  font-size: 120%;
  font-style: italic;/*em does this by default, but we'll include it anyway*/
}

虽然这个单词的更多工作只是将风格直接放在它上面,但是将这种方法应用到整个站点将使您更容易理解,更快,更合理。只需一份文件,它就会开始得到回报。将CSS放在单独的文件中将在第二页之后开始付清,并继续给予。

答案 7 :(得分:1)

你必须使用style属性来做到这一点:
<font style="color: #B00000>ONE_WORD</font>"

答案 8 :(得分:0)

如果发布的代码未设置文本颜色,则问题出在其他地方,可能是在覆盖此设置的样式表中,或者在浏览器设置中(浏览器可以设置为忽略网页上建议的颜色)。

人们和组织有各种各样的意见,但从技术上讲,font标记仍然有用,你也可以在那里设置字体系列和大小,例如。

<font color="#B00000" face="Verdana" size="4">ONE_WORD</font>

然而,这是相当不灵活的,因为这里的字体大小由1到7的数字表示,因此3是正常大小而其他是不同的,以浏览器相关的方式。为了获得更好的控制,您可以添加一段CSS,例如

<font color="#B00000" face="Verdana" size="4"
      style="font-size: 135%">ONE_WORD</font>

要将文字样式更改为斜体,您可以将<i></i>包裹在此周围;要获得粗体字,请使用<b></b>

你当然可以使用语义上空的span标记并在CSS中设置所有内容,尽管没有实际的理由这样做只是为单个单词设置样式。