手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

如何快速修改网页样式

时间:2024-10-13 07:39:58

1、这里假设你已经会写一些简单的网页了。用浏览器打开你写的网页,如图所示,这里是部分的网页,截图。假如你想修改它的颜色。

如何快速修改网页样式

2、按快捷键f12,或者是如图所示,打开开发者工具。

如何快速修改网页样式

3、点击elements,再点击那个箭头,然后将鼠标移动到你想修改的那个地方,点击一下就可以快速定位。

如何快速修改网页样式
如何快速修改网页样式

4、定位之后,然后再右边就可以看到这个标签的样式了,鼠标点击后面的值,你就可以修改了。

如何快速修改网页样式

5、比如你想把颜色改一下,如图所示,你就立即看到颜色改变,当然,在你自己的代码中并没有实际的修改。

如何快速修改网页样式
如何快速修改网页样式

6、当你得到自己想要的样式之后呢,你可以查看皱诣愚继样式代码所在的位置,鼠标移动到如图所示的位置就可以看到路径了,然后将值复制过去就可以了。

如何快速修改网页样式

7、如图所示的三个按钮,是用来确定开发者工具的位置,自己可以试一下。

如何快速修改网页样式
© 手抄报圈