在我們平時使用瀏覽器訪問網頁時，我們看到的不僅僅是一些文字和圖片，還有一些很炫酷的樣式。這些樣式是由CSS代碼控制的。如果我們想要查看網頁的CSS代碼，我們需要找到網頁的源代碼。 首先，打開瀏覽器，并打開你要查看的網頁。然后按下F12鍵，打開開發者工具。在開發者工具里找到Elements（元素）選項，并點擊它，就可以看到網頁的所有源代碼。 接著，在Elements標簽欄里找到要查看的網頁元素。點擊這個元素，在右側的Styles（樣式）標簽中，就可以找到控制這個元素樣式的CSS代碼。 此外，如果你已經找到了一個CSS屬性，但你不知道這個屬性用在了哪個元素上，你可以在開發者工具的搜索框中輸入這個屬性，搜索結果會列出所有用到該CSS屬性的元素和CSS代碼。 如果你想要復制整個CSS代碼，我們推薦你使用pre標簽。將你想要復制的CSS代碼復制到pre標簽中，在復制時所有的空格和制表符都會保留。這就讓代碼更易于閱讀和理解。 例如，下面是一個使用pre標簽顯示的CSS代碼：

body {
background-color: #F2F2F2;
}
h1 {
color: #0055FF;
font-size: 2.5em;
margin-bottom: 0.5em;
}
p {
color: #666666;
font-size: 1.2em;
line-height: 1.4em;
}

最后，一個更好的選擇是使用瀏覽器的擴展程序來顯示CSS代碼。這樣更方便、更快速，并且更易讀。Chrome的CSS Peeper擴展程序就是一個非常不錯的選擇，它可以幫助你在一行中展示CSS代碼。 綜上所述，找到網頁的CSS代碼并不難。使用開發者工具和pre標簽是一個很好的選擇，它們可以幫助你更好地掌握CSS代碼的語法和結構。