随手修改网页背景色,不再忍受刺眼网页

摘要:
现在通过一个方法修改成自己喜欢的背景色。进入选取页面元素的模式。再次单击F12键,关闭谷歌浏览器的调试台窗口,就可以开始阅读了。
1、本文概要

使用电脑阅读博客、小说、贴吧时,常常遇到文字内容很喜欢,但是网页的背景色是白色,非常刺眼。

现在通过一个方法修改成自己喜欢的背景色。

2、操作步骤

选取要修改的区域

修改前,是白色底色

随手修改网页背景色,不再忍受刺眼网页第1张

以谷歌浏览器为例,点击键盘的F2键,可以看到打开一个新的区域,其中有个像鼠标的小箭头,单击它。

进入选取页面元素的模式。

随手修改网页背景色,不再忍受刺眼网页第2张

移动鼠标,有些区域会变成蓝底色,点击该区域,就选中那个区域了。

随手修改网页背景色,不再忍受刺眼网页第3张

在f12键打开的窗口中,可以看到一个页面元素被选中了,这个元素的右边有一段代码element.style{},如下图:

随手修改网页背景色,不再忍受刺眼网页第4张

单击这段代码,输入background-color后,敲击回车键,可以看到自动出现一个下拉列表,是各种备选颜色。

随手修改网页背景色,不再忍受刺眼网页第5张

移动键盘的上下键,选取一种颜色后,敲击回车键。可以看到选取的网页区域背景色改变了。

再次单击F12键,关闭谷歌浏览器的调试台窗口,就可以开始阅读了。

注:这是临时修改,刷新网页操作会使网页背景色恢复原状。所以这个方法适用于单页面有大量文字的情况。

随手修改网页背景色,不再忍受刺眼网页第6张

免责声明:文章转载自《随手修改网页背景色,不再忍受刺眼网页》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇WPF学习————制作时钟.net/c#的一些常用框架中间件下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

VUE:如何设置当前页面的背景色

给当前页面的最外层div  class 加样式 /deep/ html, .home {   position: fixed;   height: 100%;    100%;   background-color: #658ea9 !important; } 这是效果...

QT下使用QTableView设置表头背景色

ui->tableView->horizontalHeader()->setStyleSheet("QHeaderView::section {"                                                       "color: black;padding-left: 4px;border: 1p...

cocostudio札记(一)

透明度和背景色透明度(cocostudio UI编辑器); 透明度作用于控件本身,例如图片对象,按钮对象,及层容器特性文件(图片);      颜色混合,随透明度的大小对控件整体混合特定颜色值 背景色透明度只作用于层容器的背景色,该值并不影响层容器的特性文件;      填充颜色,背景色,浓度随背景色透明度变化...

PS抠图之单色背景图片

PS一直大家比较喜欢的一款图像处理软件,很多朋友对使用基本的功能。最近很多的朋友都在问我关于PS抠图的方法,这些方法也不是一句两句就能说清楚,并且每天都重复的叫他们,不如直接写出来刚刚接触到的朋友一起学习交流的好。搜索了一下,网上有很多,感觉不是很好,还是把我自己的东西分享给大家吧。 工具/原料 PS CS6 电脑 背景色对比明显的图片 1、我们抠图...

JS === 实现简易调色板

<!DOCTYPE html> <html> <head> <title></title> <style type="text/css"> *{margin:0;padding:0;} .box{ 500px;height: 400px;...

Qt之设置QWidget背景色(QStyleOption-&amp;gt;drawPrimitive(QStyle::PE_Widget)方法比较有趣)

QWidget是所有用户界面对象的基类,这意味着可以用同样的方法为其它子类控件改变背景颜色。 Qt中窗口背景的设置,下面介绍三种方法。 1.使用QPalette2.使用Style Sheet3.绘图事件 一般我不用QSS设置窗口背景,也不建议使用。(这里是对于窗口而,如果是子部件当然可以)。因为窗口使用QSS设置背景之后,若子部件不使用同样的方式来设置,默...