如何查看DIV被設定什麼CSS樣式

查看DIV被設定的CSS樣式的方法：1、按組合快速鍵【Ctrl Shift C】，然後滑鼠移到被檢視的元素上進行檢視；2、點選被審查的元素；3 、滑鼠右鍵點選【檢查】即可。

本教學操作環境：Dell G3電腦、Windows7系統、Chrome76.0&&CSS3版本。

推薦：《css影片教學》

檢視DIV被設定什麼CSS樣式

前台網頁的元素是透過CSS樣式展現的，前端開發者可以透過工具對網頁上的CSS進行檢視或除錯。

推薦使用Google瀏覽器或火狐瀏覽器，這兩種瀏覽器有強大的控制台，都是前端開發者必備的調試工具之一。

以下以GoogleChrome瀏覽器為例（火狐瀏覽器類似）：

1、按組合快捷鍵Ctrl Shift C

############如上圖，在目前頁面按組合鍵Ctrl Shift C，然後滑鼠移到被查看的元素上，元素被置為可審查的狀態。 ######2、點選被檢視的元素###############如上圖，目前元素的CSS樣式在控制台右側都列出來了。 ######可以透過編輯右邊的CSS屬性，對頁面的展現樣式作調試，很方便。 ######更快的方法：###############接下來的步驟和上面的一致。 ###

以上是如何查看DIV被設定什麼CSS樣式的詳細內容。更多資訊請關注PHP中文網其他相關文章！