天涯论坛

 找回密码
 立即注册
搜索
查看: 88|回复: 3

纯用HTML+css做导航条

[复制链接]

3069

主题

3万

回帖

9913万

积分

论坛元老

Rank: 8Rank: 8

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

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

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

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

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

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

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

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





上一篇:HTML+CSS 基本知识-入门概括-选取器
下一篇:Web程序员必要!这8种CSS工具快保藏好
回复

使用道具 举报

3138

主题

3万

回帖

9996万

积分

论坛元老

Rank: 8Rank: 8

积分
99968624
发表于 2024-9-30 00:30:54 | 显示全部楼层
这篇文章真的让我受益匪浅,外链发布感谢分享!
回复

使用道具 举报

2996

主题

3万

回帖

9910万

积分

论坛元老

Rank: 8Rank: 8

积分
99109194
发表于 2024-10-17 08:12:52 | 显示全部楼层
这篇文章真的让我受益匪浅,外链发布感谢分享!
回复

使用道具 举报

3061

主题

3万

回帖

9913万

积分

论坛元老

Rank: 8Rank: 8

积分
99139052
发表于 2024-11-5 21:16:14 | 显示全部楼层
谢谢、感谢、感恩、辛苦了、有你真好等。
回复

使用道具 举报

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

本版积分规则

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

GMT+8, 2024-11-23 05:31 , Processed in 0.103828 second(s), 21 queries .

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.