List 无序列表中的不同字体样式

List 无序列表中的不同字体样式,list,fonts,unordered,List,Fonts,Unordered,我对CSS/HTML比较陌生,我正在尝试更改无序列表中两部分的字体 这是我的HTML列表 <ul id="factlist"> <li>Name: Roger George Moore</li> <li>Born: 14 October 1927</li> <li>Birth Place: Stockwell, London</li> <li>Famous For: P

我对CSS/HTML比较陌生,我正在尝试更改无序列表中两部分的字体

这是我的HTML列表

<ul id="factlist">
    <li>Name: Roger George Moore</li>
    <li>Born: 14 October 1927</li>
    <li>Birth Place: Stockwell, London</li>
    <li>Famous For: Playing James Bond 1973-1985</li>
</ul>
}

我基本上希望列表以斜体显示“标题”,然后以正常格式显示答案。所以像这样

姓名:罗杰·摩尔

出生日期:14

等等

非常感谢。

您可以使用
标记()

  • 姓名:罗杰·乔治·摩尔
  • 出生日期:1927年10月14日
  • 出生地:伦敦斯托克韦尔
  • 著名演员:1973-1985年扮演詹姆斯·邦德
或者如果您更喜欢使用CSS,请使用

  • 姓名:罗杰·乔治·摩尔
  • 出生日期:1927年10月14日
  • 出生地:伦敦斯托克韦尔
  • 著名演员:1973-1985年扮演詹姆斯·邦德
李:强调一下{ 字体:斜体; }
使用CSS
字体样式

HTML

<ul id="factlist">
    <li><span>Name</span>: Roger George Moore</li>
    <li><span>Born</span>: 14 October 1927</li>
    <li><span>Birth Place</span>: Stockwell, London</li>
    <li><span>Famous For</span>: Playing James Bond 1973-1985</li>
</ul>

或者您可以使用

  • 姓名:罗杰·乔治·摩尔
  • 出生日期:1927年10月14日
  • 出生地:伦敦斯托克韦尔
  • 著名演员:1973-1985年扮演詹姆斯·邦德
<ul id="factlist">
  <li><em>Name:</em> Roger George Moore</li>
  <li><em>Born:</em> 14 October 1927</li>
  <li><em>Birth Place:</em> Stockwell, London</li>
  <li><em>Famous For:</em> Playing James Bond 1973-1985</li>
</ul>
<ul id="factlist">
  <li><span class="emphasize">Name:</span> Roger George Moore</li>
  <li><span class="emphasize">Born:</span> 14 October 1927</li>
  <li><span class="emphasize">Birth Place:</span> Stockwell, London</li>
  <li><span class="emphasize">Famous For:</span> Playing James Bond 1973-1985</li>
</ul>

li.emphasize {
  font-style: italic;
}
<ul id="factlist">
    <li><span>Name</span>: Roger George Moore</li>
    <li><span>Born</span>: 14 October 1927</li>
    <li><span>Birth Place</span>: Stockwell, London</li>
    <li><span>Famous For</span>: Playing James Bond 1973-1985</li>
</ul>
#factlist li {
    /*Factlist contentright on Homepage*/
    list-style-image: url('../images/bullets.png');
    color: #ffffff;
    font-family: "Trebuchet MS", Helvetica, sans-serif;
    font-weight: normal;
    font-size: 1.9em;
}

#factlist li span {
    font-style:italic;
}
<ul id="factlist">
  <li><em>Name:</em> Roger George Moore</li>
  <li><em>Born:</em> 14 October 1927</li>
  <li><em>Birth Place:</em> Stockwell, London</li>
  <li><em>Famous For:</em> Playing James Bond 1973-1985</li>
</ul>