CSS教程:樣式化順序列表
來(lái)源:程序員人生 發(fā)布時(shí)間:2013-10-23 15:30:16 閱讀次數(shù):3436次
絕大多數(shù)的瀏覽器解釋顯示列表序號(hào)字體大小默認(rèn)的和文本一樣大小。這是一個(gè)簡(jiǎn)單的CSS教程利用有序列表和段落標(biāo)簽來(lái)設(shè)計(jì)一個(gè)時(shí)髦的編號(hào)列表。
概要
定義<ol>的字體為:Georgia font,然后把<p>的字體設(shè)為:Arial。

1.Html源代碼
寫(xiě)一個(gè)有序列表,不要忘記用<p>包裹文本
<ol>
<li>
<p>This is line one</p>
</li>
<li>
<p>Here is line two</p>
</li>
<li>
<p>And last line</p>
</li>
</ol>
這是默認(rèn)顯示的樣子

2.ol 元素
樣式ol元素
ol {
font: italic 1em Georgia, Times, serif;
color: #999999;
}
列表變成這樣

3.ol p元素
現(xiàn)在樣式化ol p元素
ol p {
font: normal .8em Arial, Helvetica, sans-serif;
color: #000000;
}
于是就變成了最終的樣子

英文原文由http://www.cnblogs.com/island205/翻譯。
生活不易,碼農(nóng)辛苦
如果您覺(jué)得本網(wǎng)站對(duì)您的學(xué)習(xí)有所幫助,可以手機(jī)掃描二維碼進(jìn)行捐贈(zèng)