CSS样式是网页设计中必不可少的一部分，它可以为网页元素设置各种各样的样式。但是，当我们需要查看某个元素的具体样式时，该怎么办呢？

这时，我们可以使用浏览器的开发者工具来帮助我们查看元素的具体样式。以下是查看元素样式的步骤：

1. 在浏览器中打开要查看的网页，按下F12键，打开浏览器的开发者工具。
2. 在开发者工具中，选择“元素”选项卡，找到要查看的元素，将鼠标指向该元素，右键点击选择“检查元素”。
3. 在右侧的样式面板中，即可看到该元素的所有CSS样式，包括通过外部样式表和内部样式表设置的样式。

如果我们想要在样式面板中修改某个样式，只需要将鼠标放在该样式上，直接在面板中进行修改就可以了。

除此之外，还可以通过在样式面板中选中某个样式，右键点击选择“查看源代码”，即可在“样式”选项卡中看到该样式的源代码。

总而言之，使用浏览器开发者工具查看元素样式是非常方便的。我们只需要简单的几步操作，就可以轻松获得想要的信息。

.example {
background-color: #fff;
border: 1px solid #ddd;
border-radius: 5px;
color: #333;
font-size: 16px;
padding: 10px;
}