????~1.5小時HTML+CSS真小白網站入門教學課程系列第21課

<!--

CSS｜取消連結上的虛線框（IE&Firefox通用） 什麼是連結上的虛線框呢？ 就是每當你按下網頁連結的時候，連結旁會出現的小框框。 （如圖所示） 對於這個連結邊的小框框，我們可以透過以下的CSS語法來隱藏它：

在瀏覽器預設狀況下，當您點了超連結之後，外框會自動出現虛線，因為這跟瀏覽器的focus焦點有關，可是在網頁的整體版面配置規劃與呈現上，這樣的虛線會影響整體美觀，這時候我們可以透過CSS來去除這個超連結外框，讓網頁版面配置上可以比較美觀 ...

通常在設計網頁的超連結時，不外乎都是使用文字顏色或背景色，進而搭配 transition 製作簡單的轉場，但如果熟練運用 CSS，就能做出更與眾不同的效果，這篇教學會使用 CSS 製作多種底線效果，除了有基本的變色和轉場，也會使用漸層色、動畫、SVG 製作別具特色 ...

在我們的日常開發工作中，Web頁面開發都是避免不了的，那麼在Web網頁開發中，很多時候都能遇到虛線樣式的設置，那麼我們今天就給打架介紹一下關於虛線樣式設置的方法總結~