好看的导航主页html,推荐|各种漂亮的网页导航,让浏览器靓起来

最近刚买了电脑,蹲了半个月,实在是蹲不到荣耀magicbook14的16G版。忍不住加钱买了小新PRO13,真的是万幸的是目前还没有遇到较大的品控问题,新电脑入手肯定得一番折腾。强迫症的我为了个网页导航折腾了一下午,真的是太闲了我。至于我为什么这么闲,那一切就要从一只小小的蝙蝠说起了。言归正传,今天我就来给大家分享一下几个好看又好用的浏览器主页。

一、简法主页

这个就是我挑选了几个之后选用的导航,说实话他并是最完美的,但是确实是最适合我的。整个界面的设计简约大方,没那么复杂,可以自己自定义网址,而且自动获取网页图标。还可以更换页面背景,但是遗憾的是不能自定义。另外还有一个缺点是他的目前没有账号系统,所有的收藏都在本地,不能网络漫游。

二、大马路导航

https://dama.lu/

这个导航和简法差不多,优点就是可以漫游自己收藏的网站,也可以自定义自己主页背景图。只要自己把喜欢的图片上传到图床,然后把网址粘贴过去就可以了。但是也有缺点,就是自己收藏的网站不能自动获取图标,给人感觉很丑,我就是因为这个放弃他的。

四、sim主页/kim主页

https://sim.plopco.com/#/

https://kim.plopco.com/

这是一个神奇的主页,他就像迪迦奥特曼一样有两种形态。但是两种形态真的是让人又爱又恨。第一种是简约而美到极致,以至于不允许自己收藏网址。第二种网址丰富的狠,就是没啥用,而且有点丑。

三、某柠檬导航

https://www.moulem.com/j.html

某柠檬导航走的卡通手绘风格,看着确实不错。有两个版本,一个版本是简约的,另一个标准的。缺点是所有内容都不支持自定义,这就很尴尬了,对于我来说这种缺点难以忍受。感觉挺适合女生的,东西都收纳起来,找起来也很好找。

五、简约导航

https://www.jianavi.com/

简单,整洁!没有什么花里胡哨的东西!工具导航实用,上面网址全部可以自定义。但是网页不支持自定义背景,不支持账号系统来漫游记录。

以上就是我体验的一些主页导航,大家可以自己体验体验,找个自己喜欢的。

大家如果日常用的有自己喜欢的主页,欢迎留言交流。

HTML中,可以使用CSS来控制导航栏的背景色,并使其根据浏览器页面的伸缩而改变。 首先,在HTML文档中,我们需要创建一个导航栏的容器元素,可以使用`<div>`标签来实现。可以将导航栏容器放置在网页的适当位置,比如页面的顶部或侧边。 然后,在CSS样式表中为导航栏容器添加样式规则。我们可以使用`background-color`属性来设置背景色。为了实现背景色根据浏览器页面的伸缩而改变,我们可以使用CSS3中的响应式设计的单位,比如`vw`。 `vw`表示相对于视口宽度的单位,当浏览器窗口的宽度改变时,元素的样式也会相应地调整。 例如,我们可以使用以下代码设置导航栏容器的背景色: ```css .nav-container { background-color: #8BC34A; /* 初始的背景色 */ width: 100%; /* 设置宽度为100%以适应视口的宽度 */ padding: 10px; /* 设置内边距以增加容器的高度 */ } @media (max-width: 768px) { /* 当视口的宽度小于或等于768px时,修改背景色 */ .nav-container { background-color: #2196F3; /* 修改后的背景色 */ } } ``` 在上述代码中,我们首先为导航栏容器设置初始的背景色为`#8BC34A`。然后使用`width: 100%`将其宽度设置为100%,以适应浏览器窗口的宽度。 接下来,使用`@media`查询来指定当视口的宽度小于或等于768px时的样式。在这种情况下,我们将背景色修改为`#2196F3`,可以根据需要自行调整颜色值。 这样,导航栏容器的背景色将根据浏览器页面的伸缩而自适应地改变,使得导航栏在不同的屏幕尺寸下有更好的可读性和可用性。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值