【踩坑】為什麼a標籤沒有包住我要的範圍!?

而aritlce 等類別只是我們自己定義的，目的只是「修飾」 的屬性，所以要寫在a 的後面。就好像說，「沒有國那裡會有家...」，要先有超連結的標籤a，才會有超連結可以設定啊！

<a> HTML 元素（或稱錨點元素），具有其 href 屬性，用於創建指向網頁、文件、電子郵件地址、同一頁面中的位置或任何其他URL 可定位的東西。

漸層 · 形狀，如circle、ellipse · 距離，度量單位，代表從中心點向外的半徑 · 指定位置，如at + top、bottom、left、right · 色彩停止點，色彩後空一格加上百分比或度量單位 ... CSS 套用方法 · CSS 各類選擇器 · CSS 文字 · CSS Flex

圖片使用img 標籤，圖片位址放在標籤內src 屬性中。 將alt 屬性內補上描述，當圖片失效時可以呈現出文字，讓使用者可以了解原本圖片的意義。

<a> 標籤的使用. <a> 是用作超連結使用，透過href 連結到其他地方 <!-- 相對連結--> <a href=/css/style.css>相對連結</a> <!-- 絕對連結--> <a href=https://ithelp ...

Pseudo-classes 是一種CSS 選擇器，用來選擇元素的特定狀態，例如當元素被點擊、滑鼠懸停、或當前處於選中的情況下。

在前面介紹 <img> 、 <a> 標籤時有提到src、href、alt屬性，有些屬性只適用於特定的標籤，例如src就適用於 <img> 標籤，href適用於 <a> 標籤。 當然也有屬性 ...

<a> 屬於「容器元素」，需要有「起始標籤」以及「結束標籤」，也因為是容器元素，裡頭可以放入其他的子元素。 · <a> 的顯示類型為「inline 行內元素」，預設不會強制換行。 · <a> ...

四、標籤樣式 在CSS 中，你可以直接針對HTML 標籤來設定樣式，這稱為標籤樣式。 這樣的樣式將應用於所有具有該標籤的元素，而不需要給它們指定類別或ID。 在 ...

CSS a 連結樣式效果設計可以提供網頁內的連結（a href）在被使用時的效果，例如滑鼠移到某一條連結上，讓連結產生不同的顏色，或是標注網友已經看過的連結為不同顏色， ...