国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發 > CSS > 正文

有序列表和段落設計華麗的網頁列表數字

2024-07-11 08:44:30
字體:
來源:轉載
供稿:網友

在默認情況下,大多數瀏覽器都會將有序列表中的數字序列的與其列表文字內容顯示為相同的字體。這篇快速教程將教你如何使用有序列表(ol)和段落(p)來設計華麗的列表數字。
在默認情況下,大多數瀏覽器都會將有序列表中的數字序列的與其列表文字內容顯示為相同的字體。這篇快速教程將教你如何使用有序列表(ol)和段落(p)來設計華麗的列表數字。預覽
基本上講,你需要做的只是為ol元素定義Georgia字體,然后為p元素(在ol內)定義Arial字體。
CSS-有序列表
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>

以下是無序列表的默認樣式:
ol-css2.ol元素
為ol元素添加樣式:

ol {
font: italic 1em Georgia, Times, serif;
color: #999999;
}

列表會變成這樣:
ol-css-實例3. ol p 元素
現在為ol p 元素添加樣式:

ol p {
font: normal .8em Arial, Helvetica, sans-serif;
color: #000000;
}

你的有序列表的最終樣式:
ol-css
來看看完整的預覽Demo吧

[Ctrl A 全部選擇 提示:你可先修改部分代碼,再按運行]
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 正定县| 桐乡市| 孟州市| 卢湾区| 普格县| 湖南省| 无锡市| 彭山县| 赤城县| 河南省| 富民县| 墨竹工卡县| 海丰县| 蒙自县| 西华县| 绩溪县| 凌海市| 和平区| 康马县| 尼木县| 祁门县| 清水河县| 泰来县| 阳朔县| 通州区| 南平市| 姚安县| 汪清县| 宣威市| 盐边县| 会泽县| 龙口市| 肇州县| 镇宁| 大英县| 天柱县| 岳普湖县| 子洲县| 岫岩| 肇东市| 久治县|