Dreamweaver新建一个HTML文件——修改title为html+css——新建一个div id为“a”——设置代码,给li设置左浮动效果。
具体步骤:
1、用Dreamweaver新建一个HTML文件
2、修改title为html+css实现横向导航
3、新建一个div id为“a”,添加ul li标签
4、在li中添加自己想要的文字 并调整好文字间距,按F12预览,如下图所示
5、首先去掉字体前面的小黑点,代码如下:
6、接下来,使文字横向排列,设置代码如下,给li设置左浮动效果
7、按F12预览,效果如下
1、新建html文档。
2、书写hmtl代码。 <!-- 横向排列 --> , <div id="nav">,<div id="box1">1</div>,<div id="box2">2</div>,<div id="box3">3</div>,</div>。
3、初始化css代码。<style>*{margin:0padding:0font-size:12pxfont-family:'Microsoft YaHei'}, </style>。
4、书写总体的css代码。
5、代码整体结构。
6、查看效果。