CSS 加錨點
網頁里的錨點可以讓用戶直接跳轉到指定位置,省去不必要的滾動。而 CSS 則可以通過偽類 `:target` 來實現錨點的樣式設置。
下面是一個示例:
首先,我們在 HTML 文檔里設置錨點。這里給一個錨點 id 為 "section1":
<body> <div id="section1"> <h1> 這是一個錨點 </h1> </div> </body>接下來,在 CSS 中設置錨點被點擊時的樣式:
p:target{ color: red; font-weight: bold; }使用 `:target` 偽類,我們可以選擇具有目標 ID 的元素,進而改變它們的樣式。例如,上述代碼將使 ID 為 "section1" 的元素被按下時,文字變成紅色且加粗。 上述代碼是只針對段落 `
` 元素的樣式設置。如果需要設置其他元素,只需將 `p` 改為對應元素的選擇器即可。 一個錨點的樣式設置就是如此簡單。使用 CSS,我們可以輕易地改變各種元素在被點擊后的樣式。
上一篇css 微軟雅黑 字號
下一篇css 怎么做三角形