html+css怎么实现横向导航

生活小百事通 2023年06月22日 阅读 (45)

1、用dreamweaver新建一个html文件

html+css怎么实现横向导航

2、按ctrl+s先保存,以防突然断电数据丢失

3、修改title为html+css实现横向导航

html+css怎么实现横向导航

4、新建一个div id为“a”,添加ul li标签

html+css怎么实现横向导航

5、在li中添加自己想要的文字 并调整好文字间距,按f12预览,如下图所示

html+css怎么实现横向导航

6、首先去掉字体前面的小黑点,代码如下:

html+css怎么实现横向导航

7、预览,如图所示

html+css怎么实现横向导航

8、接下来,使文字横向排列,设置代码如下,给li设置左浮动效果

html+css怎么实现横向导航

9、按f12预览,效果如下

html+css怎么实现横向导航

精彩内容尽在问答鸭,如果您觉得这篇内容不错,别忘了分享给好友哦!

相关文章

  • excel怎么横向变纵向和纵向转横向.

    excel怎么横向变纵向和纵向转横向

    excel怎么横向变纵向和纵向转横向方法11、第一步:打开一个需要调整成纵向的excel表格。2、第二步:切换至“页面布局”选项卡中,单击选择“纸张方向”中的“纵向”。

    2022-08-22 阅读 (200)
  • Photoshop2020怎么横向打印.

    Photoshop2020怎么横向打印

    1、首先将photoshop2020打开,并且打开一张图片,作为打印的图片,进入到里面。2、然在在上方菜单栏点击【文件】选项,打开文件选项的菜单。

    2022-08-20 阅读 (90)