以文本方式查看主题 - ╋艺 镇╋ (http://wdystv.com/bbs/index.asp) -- ┣◇网站建设&Web语言 (http://wdystv.com/bbs/list.asp?boardid=4) ---- 为你的有序列表添加个性样式 (http://wdystv.com/bbs/dispbbs.asp?boardid=4&id=3459) |
-- 作者:admin -- 发布时间:2012/3/20 22:15:52 -- 为你的有序列表添加个性样式 在默认情况下,大多数浏览器都会将有序列表中的数字序列的与其列表文字内容显示为相同的字体。这篇快速教程将教你如何使用有序列表(ol)和段落(p)来设计华丽的列表数字。 预览基本上讲,你需要做的只是为ol元素定义Georgia字体,然后为p元素(在ol内)定义Arial字体。
1.HTML源代码创建一个有序列表,不要忘了将列表中的文字放在闭合的<p>标记内。
以下是无序列表的默认样式: 2.ol元素为ol元素添加样式:
列表会变成这样: 3. ol p 元素现在为ol p 元素添加样式:
你的有序列表的最终样式: 来看看完整的预览Demo吧 http://blog.bingo929.com/style-your-ordered-list-div-css.html |
-- 作者:amio666 -- 发布时间:2012/4/13 16:58:55 -- 谢谢分享了 。。。。 |