2014-02-06 3 views
1

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

와 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 : 로저 무어는을

출생.

감사합니다.

답변

0

당신은

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

<em> 태그 (link)를 사용하거나 CSS는 CSS font-style를 사용하여 할 수있는 <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; 
} 
0

를 사용하여 선호합니다. W3Schools. 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>를 사용할 수 있습니다. W3Schools. 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> 
관련 문제