推荐楼主可以这么做：
1.Elements选项卡
2.找到左下角有个像放大镜一样的按钮，点击，这时回到chrome页面，选择你想查看css样式的部分（选中的那部分会有一个遮罩层）
3.这时右侧有个Styles，点开，会看到当前选中部分的样式，在这里改是可以直接看到页面效果的。但它是临时的（页面刷新就没了），比较适合调样式。
建议用上面的方法调过，合适再写到css里
1、首先在电脑中打开一个需要获取CSS数据的网页。
2、在网页的空白处点击鼠标右键，选择“审查元素”的选项。
3、点击后在页面的下方会打开一个网页元素代码窗口。
4、在该窗口的右侧小窗口可以点击“style”，其中就是需要的CSS代码了。
