快捷搜索:

CSS实例教程:用列表ul制作CSS横向菜单的基础知识

有同伙说fengfly现在的教程还不敷傻瓜化,有些东东可能对付新手一时还难以理解。

我们将陆续的推出一些最根基的教程与CSS结构的措施、案例。满意新手的必要。要是你已经对CSS有一些懂得,这些教程就可以轻忽了。

本日先容若何用ul和li制作横向菜单。ul是html中的无序列表,li是列表中的列表项。要是没有CSS定义它的外不雅,它默认是显示成一列列表,并且它会存在项目符号(比如喻块或实心的黑点)的列表内容。

CSS网页结构中,除了新闻列表、链接运行ul、li制作以外,我们平日将菜单也用ul、li来实现。我们下面用CSS来改变它的外不雅,使它能横向在一行中显示,并且将项目符号去掉落。

我们看下面的XHTML代码:

Example Source Code [www.fengfly.com]

您可能还会对下面的文章感兴趣: