外链论坛

 找回密码
 立即注册
搜索
查看: 77|回复: 1

纯用HTML+css做导航条

[复制链接]

2735

主题

5538

回帖

9914万

积分

论坛元老

Rank: 8Rank: 8

积分
99140209
发表于 2024-6-29 13:53:29 | 显示全部楼层 |阅读模式

1.先定义一个盒子,用(css+div)的方式,而后加上背景色,这儿是盒子的背景色。

2.再用css定义序列表,并且用到float=left(这儿是浮动的意思)。

3.重点来了,用:hover样式(鼠标悬停样式)

4.而后就到了2级导航(继续用css定义)。

5.最后是HTML-body部分。(要用css+div办法这般就能很好的利用css定义的属性)

根据上面图中的代码按次序来输入就可看到如下效果

代码内容很简单适合小白看,要紧代码有注释,有误评论区@我。倘若觉得有用给个赞呗(=^▽^=)。

回复

使用道具 举报

2784

主题

5840

回帖

9996万

积分

论坛元老

Rank: 8Rank: 8

积分
99969966
发表于 5 天前 | 显示全部楼层
这篇文章真的让我受益匪浅,外链发布感谢分享!
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

站点统计|Archiver|手机版|小黑屋|外链论坛 ( 非经营性网站 )|网站地图

GMT+8, 2024-10-5 10:46 , Processed in 0.070430 second(s), 19 queries .

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.