如何用CSS制作横向菜单

html-css09

如何用CSS制作横向菜单,第1张

如果是导航菜单可以使用ul无需列表来制作

同时使用CSS中的float:left来控制li靠左浮动即可实现横向菜单

注意UL或UL的父级容器宽度必须大于所有li宽度的和

例如

<style>

ul {

padding:0

margin:0

list-style:none

width:600px

height:50px

line-height:50px

text-align:center

}

ul li {

width:100px

height:50px

float:left

}

<style>

<ul>

<li>菜单项目1</li>

<li>菜单项目2</li>

<li>菜单项目3</li>

<li>菜单项目4</li>

<li>菜单项目5</li>

<li>菜单项目6</li>

<ul>

1、IntelliJ IDEA

IDEA 全称 IntelliJ IDEA,是java编程语言开发的集成环境。IntelliJ在业界被公认为最好的java开发工具之一,它的旗舰版本还支持HTML,CSS,PHP,MySQL,Python等。

2、notepad++

Notepad++是 Windows操作系统下的一套文本编辑器(软件版权许可证: GPL),有完整的中文化接口及支持多国语言编写的功能(UTF8技术)。

支持众多计算机程序语言: C,C++,Java,pascal,C#,XML,SQL,Ada,HTML,PHP,ASP, AutoIt, 汇编, DOS批处理, Caml, COBOL, Cmake, CSS等。

3、WebStorm

WebStorm 是jetbrains公司旗下一款JavaScript 开发工具。目前已经被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScript IDE”等。与IntelliJ IDEA同源,继承了IntelliJ IDEA强大的JS部分的功能。

4、Adobe Dreamweaver

DW是集网页制作和管理网站于一身的所见即所得网页代码编辑器。利用对 HTML、CSS、JavaScript等内容的支持,设计师和程序员可以在几乎任何地方快速制作和进行网站建设。

5、visual studio code

Microsoft在2015年4月30日Build 开发者大会上正式宣布了 Visual Studio Code 项目:一个运行于 Mac OS X、Windows和 Linux 之上的,针对于编写现代 Web 和云应用的跨平台源代码编辑器。