1

私はCSS/HTMLに比較的慣れていないので、順序付けられていないリスト内の2つの部分のフォントを変更しようとしています.

ここに私の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>

そしてCSS

#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;

}

私は基本的に、イタリック体の「見出し」と通常の答えでリストを表示したいと考えています。このように...

名前：ロジャー・ムーア

生まれ：14...

等々。

どうもありがとう。

4

2 に答える 2

0

CSS を使用してそれを行うにはfont-style。W3スクールズ。JSFiddle。

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>

CSS

#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;
}

または、 を使用できます<em>。W3スクールズ。JSFiddle。

<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>
于 2014-02-06T16:35:09.860 に答える
0

<em>タグ (リンク)を使用できます

<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>

または、CSS を使用したい場合は、<span>

<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;
}
于 2014-02-06T16:34:31.473 に答える