CSS中鼠標獲得焦點 CSS是一種很強大的樣式語言。它可以幫助我們美化網頁的外觀，讓其更加美觀和易讀。在CSS中，你可以使用:foucs偽類來改變當鼠標獲得焦點的元素的樣式。 p: focus { border: 2px solid red; outline: none; font-weight: bold; } 以上代碼意思是，當一個p元素鼠標獲得焦點時，它的邊框會變成紅色的，但是將不會出現默認的輪廓，同時字體會變得粗體。 這就是CSS為我們提供的一個簡單的方法來讓我們控制我們網頁的交互性。你可以使用這個偽類來給你的網站添加動畫或其他的特效效果。 pre標簽的使用 但是CSS樣式涉及到了很多代碼，有時候我們寫的CSS容易出現一些失誤。在這種情況下，使用pre標簽可以方便地顯示出我們的代碼，使我們更容易看出哪里出現了錯誤。

p: focus {
border: 2px solid red;
outline: none;
font-weight: bold;
}

以上代碼中，pre塊簡單的顯示出了我們編寫的CSS內容。pre標簽是一個特殊的HTML元素，可以讓我們以一種固定寬度的塊的形式顯示出我們的代碼。它適用于所有的代碼塊，包括CSS和JavaScript代碼。 總結 CSS中的:focus偽類和pre標簽都是很常用和有用的工具。使用:focus偽類，可以改變被鼠標獲得焦點的元素的樣式，以增強用戶交互性。而使用pre標簽，可以更清晰地展示CSS樣式中的代碼，幫助我們更容易地發現錯誤和調試。