List 无序列表中的不同字体样式
我对CSS/HTML比较陌生,我正在尝试更改无序列表中两部分的字体 这是我的HTML列表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
<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>