茶铭SerenMaze 很早以前我做过一个这个: 当时觉得自己靠改CSS牛逼的不得了,直到我看到了这玩意: 所以就有了这个帖子:通过Tampermonkey大幅度修改小码王CSS从而达到布局重新排版、界面美化的效果,可以实现吗?
红石镐 当然可以!你可以使用 Tampermonkey(或者类似的用户脚本管理器,如 Violentmonkey)来注入自定义的 CSS 样式,从而改变网页的外观和布局。以下是一些方法和示例: 使用 Tampermonkey 修改网页 CSS 布局: 首先,确保你已经安装了 Tampermonkey 插件。 创建一个新的用户脚本,然后在脚本编辑器中添加你想要的 CSS 样式。 以下是一个简单的示例,它可以更改页面的一些基本样式,比如页面内容区域的宽度、按钮样式、表格样式等: /* 设置页面内容区域的宽度 */ #content { max-width: 900px; margin: 0 auto; } /* 清除多余的背景色和边框 */ body, #content, #menu, #script-conf, #update { background: none; border: none; box-shadow: none; } /* 调整页面布局 */ #content { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 40px 0; } /* 按钮样式 */ .button-primary { background-color: #007acc; border-color: #007acc; color: #fff; font-weight: bold; padding: 8px 16px; border-radius: 4px; cursor: pointer; } .button-primary:hover { background-color: #005c8b; border-color: #005c8b; } /* 表格样式 */ table { border-collapse: collapse; width: 100%; } thead th { text-align: left; } tbody tr:hover { background-color: #f5f5f5; } 你可以根据自己的需求修改这些样式,实现网页的美化和布局调整。 其他方法: 你还可以通过引入外部 CSS 文件来修改样式,或者使用 GM_addStyle 函数来添加 CSS 到网页中。 如果你对油猴脚本开发感兴趣,可以参考之前的文章,了解如何编写一个油猴脚本并实现自定义 CSS 样式²³。 总之,使用 Tampermonkey 或类似的工具,你可以自由地修改网页的样式,让页面更加美观和符合你的需求。祝你愉快地定制网页!🎨 源: 与必应的对话, 2024/4/5 (1) 任意网站注入自定义 CSS 样式 - 知乎 - 知乎专栏. https://zhuanlan.zhihu.com/p/347586247. (2) 在油猴脚本中添加css样式的方法_篡改猴怎么写css-CSDN博客. https://blog.csdn.net/qq_33298964/article/details/129689544. (3) (油猴)tampermonkey外观布局美化 - 知乎 - 知乎专栏. https://zhuanlan.zhihu.com/p/607492211. (4) 使用Greasemonkey/Tampermonkey脚本如何更改CSS类 - 极客教程. https://geek-docs.com/css/css-ask-answer/882_css_how_to_change_a_class_css_with_a_greasemonkeytampermonkey_script.html. (5) 如何用油猴脚本修改网页元素的 css 样式? - 知乎. https://www.zhihu.com/question/560122900. (6) undefined. https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css. (7) undefined. http://www.imomoe.ai.