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

1.Html源代碼
寫一個有序列表,不要忘記用<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)辛苦
如果您覺得本網(wǎng)站對您的學(xué)習(xí)有所幫助,可以手機掃描二維碼進(jìn)行捐贈