CSS樣式是網頁設計中必不可少的一部分，它可以為網頁元素設置各種各樣的樣式。但是，當我們需要查看某個元素的具體樣式時，該怎么辦呢？

這時，我們可以使用瀏覽器的開發者工具來幫助我們查看元素的具體樣式。以下是查看元素樣式的步驟：

1. 在瀏覽器中打開要查看的網頁，按下F12鍵，打開瀏覽器的開發者工具。
2. 在開發者工具中，選擇“元素”選項卡，找到要查看的元素，將鼠標指向該元素，右鍵點擊選擇“檢查元素”。
3. 在右側的樣式面板中，即可看到該元素的所有CSS樣式，包括通過外部樣式表和內部樣式表設置的樣式。

如果我們想要在樣式面板中修改某個樣式，只需要將鼠標放在該樣式上，直接在面板中進行修改就可以了。

除此之外，還可以通過在樣式面板中選中某個樣式，右鍵點擊選擇“查看源代碼”，即可在“樣式”選項卡中看到該樣式的源代碼。

總而言之，使用瀏覽器開發者工具查看元素樣式是非常方便的。我們只需要簡單的幾步操作，就可以輕松獲得想要的信息。

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