给浏览器设置一个图片背景/主题

2023-11-09

先看看效果图:
此方法适用于:谷歌浏览器(chrome),火狐浏览器(firefox),360极速浏览器,QQ浏览器
360安全浏览器请移步:给360安全浏览器添加一个图片背景/主题
在这里插入图片描述在这里插入图片描述

在这里插入图片描述在这里插入图片描述实现步骤:
1.先在你的浏览器的插件商城里面搜索安装styluh插件或者xStyle插件
进入插件商城方法:
谷歌浏览器:菜单–>点击更多工具–>点击扩展程序
火狐浏览器:菜单–>附加组件
360极速浏览器:菜单–>工具–>管理扩展
QQ浏览器:菜单–>应用中心
后续步骤基本相同
以火狐浏览器xStyle插件为例
在这里插入图片描述1、找到这个扩展,左键单击xStyle
在这里插入图片描述
2、左键单击 +
在这里插入图片描述
3、添加以下代码

body {
background-image: url(https://img-blog.csdnimg.cn/a25a6a7b7dbd453ab884b01e6da9ba2b.png#pic_center);
background-attachment: fixed;
background-size: cover;
}

在这里插入图片描述

4、代码中的url是你所用的图片的网络地址,博主提供下面两张图片,右键单击选择复制图像链接即可
在这里插入图片描述
在这里插入图片描述
粘贴到url的括号中,你的浏览器就有背景了
但是部分图片如果不加以处理,可能严重影响阅读,如图:
在这里插入图片描述因此需要简单的处理一下
处理教程链接:使用WPS Office模糊处理图片-可用作浏览器背景

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

给浏览器设置一个图片背景/主题 的相关文章

  • 有关res://ieframe.dll/dnserrordiagoff_webOC.htm# http://www.51hainuo.cn

    有关这个 res ieframe dll dnserrordiagoff webOC htm http www 51hainuo cn 大部分的人应该会觉得是dns错误或者dns解析本机不正常 然后就去找杀毒软件来杀毒 网上我搜索的到的很多
  • robot framework 使用三:浏览器兼容性自动化

    robot framework 测试浏览器兼容性 上图中黄色圈的地方默认什么都不写 是firefox浏览器 写上ie就是ie浏览器了 firefox最新版本就行 ie需要设置 1 IE选项设置的安全页中 4个区域的启用保护模式的勾选都勾上
  • ASP快速入门教程

    ASP快速入门教程 ASP快速入门教程能让你一个小时就学会ASP 如果想看懂更多的ASP代码 希望大家在网上找找ASP教程 相信看完后大家对ASP更有个感性的认识 请熟记下面的ASP语句是你快速入门的不二法则 lt 1 gt lt 2 gt
  • 浏览器的标准模式、怪异模式

    历史原因 在W3C标准未确定之前 各浏览器对于HTML和CSS有各自不同的解析方式 很多旧网页都是在W3C标准未确定时期实现 设计的 在W3C标准确定之后 浏览器为了保证对非标准的旧网页设计的后向兼容性 现代浏览器 IE6以上 IE6以下版
  • JQuery Tab 滑动们导航菜单效果

    这种效果目前互联网上用的很多希望可以给大家提供帮助 图片是采用css sprites实现的 在tab例子的基础上尽行了扩展 符合web标准 兼容多浏览器 效果01预览 http www yuyadong com test JQuery Ta
  • 坑爹的铁路在线订票系统

    2012年的春运订票时间比往年提前了一点点 12天 这样 明天我就可以订回家的票了 上午起床 在 cnBeta 看到这篇报道 记者体验网购火车票 2小时订票10多次全失败 我靠 这么不靠谱 迅速登上 12306 cn 验证 果然遇到了报道的
  • 互联网精准广告定向技术: 一切你该了解的知识总结与整理

    互动中国编者前言 本文来自于读者的投稿 牛国柱博客 原文作者为资深互联网广告行业从业者 经过一段长时间的积累 从基础知识 技术应用以及在线广告作弊手段整理和反作弊方法三大角度 共计15篇系列专文 对于精准广告定向技术的介绍进行了一个全面且切
  • JavaScript与生俱来的特性---异步与回调

    线程是建立在进程的基础上的一次程序运行单位 一个进程中可以有多个线程 js单线程就意味着 所有任务需要排队 前一个任务结束 才会执行后一个任务 如果前一个任务耗时很长 后一个任务就不得不一直等着 如果是因为计算量大 CPU忙不过来 倒也合乎
  • Chrome下载文件错误:收到了来自服务器的重复标头

    在Chrome浏览器中下载文件时出现错误 收到了来自服务器的重复标头 然而在IE和Firefox浏览器中则不会出现此错误 经上网查看各位前辈的记录后 找到了自己项目的原因 response setHeader Content disposi
  • Java Servlet的主要功能和作用是什么?

    Servlet 通过创建一个框架来扩展服务器的能力 以提供在 Web 上进行请求和响应服务 当客户机发送请求至服务器时 服务器可以将请求信息发送给 Servlet 并让 Servlet 建立起服务器返回给客户机的响应 当启动 Web 服务器
  • 使用的chorm插件 留存自用

    使用的chorm插件 留存自用 保存一下常用的插件 省的以后忘记了 啊哈哈 掘金插件 每次打开浏览器都得看上几眼 JSON handle 在线json解析 不解释了 好用 PostMan 模拟api的网络请求 The Great Suspe
  • 浏览器的渲染原理简介

    http cloudbbs org forum php mod viewthread tid 16940 浏览器的渲染原理简介 复制链接 遇见sharon 超级版主 串个门 加好友 打招呼 发消息 电梯直达 楼主 发表于 昨天 15 48
  • 【WinForm】WebView2-个性化浏览器-桌面程序开发详解

    这是一个桌面程序上的浏览器 是用插件WebView2开发的浏览器桌面程序 功能体验堪比Edge浏览器 相比使用Chrome内核插件开发浏览器来说 还是用插件WebView2开发来得简单一些 接下来讲一讲实现过程 开发之前 建议先看看微软的
  • 浏览器打开就是360导航(浏览器被360劫持)

    浏览器打开就是360导航 这个问题之前只是看别人帖子见到过 不知道出了什么问题我的edge和Chrome浏览器突然打开也成了360的导航页面 这才感觉出这个问题的恶心之处 而且顺道说一下 我电脑中也没有装任何360系的应用 但突然就被改了
  • Selenium启动Chrome时配置选项

    Selenium操作浏览器是不加载任何配置的 网上找了半天 关于Firefox加载配置的多点 Chrome资料很少 下面是关于加载Chrome配置的方法 一 加载所有Chrome配置 用Chrome地址栏输入chrome version 查
  • Javascript高级应用:文件操作篇

    Javascript是网页制作中离不开的脚本语言 依靠它 一个网页的内容才生动活泼 富有朝气 但也许你还没有发现并应用它的一些更高级的功能吧 比如 对文件和文件夹进行读 写和删除 就象在VB VC等高级语言中经常做的工作一样 怎么样 你是否
  • 点击按钮复制链接

    做点击按钮复制链接 网上找的方法是用原生js document execCommand Copy window clipboardData setData Text url value 发现微信上存在不兼容 在安卓和PC段都可以 但是在苹果
  • 浏览器原理篇—渲染原理

    目录导航 为什么要学习浏览器的渲染原理 浏览器的渲染流程 浏览器的渲染阻塞 浏览器的渲染优化 为什么要学习浏览器的渲染原理 知识深度挖掘 帮助更好地理解前端性能优化 从而对实现效果进行针对性优化 如 回流和重绘 渲染机制 帮助更好地理解浏览
  • 老生常谈问题之——进程和线程的关系和区别

    最初 我们在学习进程和线程的时候都是和操作系统的知识相关的 但是我们前端菜鸟除了面试的时候很少用到他们 所以我们还是从前端常见的场景来详细的学习进程和线程吧 在前端提到关于进程和线程的概念主要有以下几个场景 1 js 是单线程的编程语言 也
  • 浏览器缓存相关面试题一网打尽,理论结合实践,用代码学习缓存问题,建议关注+收藏,(含项目源代码)

    前言 浏览器缓存的问题是面试中关于浏览器知识的重要组成部分 也是性能优化题目的一部分 但是不要被吓到 我话放到这里 就那么点东西 我这一篇文章基本上就涵盖了所有相关的知识点 认真看一遍 所有的问题都是纸老虎 一 准备工作 1 1 拉取仓库

随机推荐