请选择 进入手机版 | 继续访问电脑版

[前端教程] 教你通过theme-color给网站设置一个漂亮的顶栏颜色

发表于 2020-8-3 10:21:25 给我闪 用户等级--传递大使
QQ截图20200803100830.jpg


今天我还是一如既往来草根瞅瞅有啥可嫖的,突然发现草根顶部状态栏颜色跟主题颜色是一样滴,突然就喜欢上了,作为动手能力极强的我决定也要做一个,于是通过一番百度后我终于知道了。

QQ截图20200803102054.jpg









QQ截图20200803101023.jpg


总结:在Android Lollipop(5.0)上的 Chrome 39 版本开始,我们可以使用theme-color这个 META 标签来设置顶栏颜色,而不再是一成不变的灰色顶栏!


了解了后发现原来这么简单!开始动手


QQ截图20200803101717.jpg


  1. <meta name="theme-color" content="#db5945">
复制代码


把代码添加到自己模板的head中就可以了,#db5945为主题颜色,可以自己更改为自己想要的颜色

另外还可以设置一个漂亮的图片哦,直接上代码



  1. <link rel="icon" sizes="192x192" href="nice-highres.png">
复制代码



好啦  动手能力强的草友快去试试吧。




回复

使用道具 举报

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

本版积分规则

快速回复 返回顶部 返回列表
本站不提供充值,如需金币请分享资源赚,没有源码分享的多来论坛发发贴就可以升级用户组免金币了鸭!各别源码说明中写着要钱钱就别问为啥不能下了鸭~