如何使用chrome浏览器查看网页布局

时间:2024-10-13 06:28:49

1、首先使用chrome浏览器打开百度经验网站,网址为:http://jingyan.baidu.com/如图所示:

如何使用chrome浏览器查看网页布局

2、选择你喜欢的某部分单击这个部分的右键,小编以百度经验的导航为例如图所示:

如何使用chrome浏览器查看网页布局

3、单击审查元素,结果如图所示:

如何使用chrome浏览器查看网页布局

4、审查元素可以看到:左侧是百度网页布局,右侧是css源代码,只要将源代艨位雅剖码复制到你的dw里面就可以仿制百度的导航条,小编仿制如图所示:

如何使用chrome浏览器查看网页布局
© 手抄报圈