分類彙整: CSS 教學 – 網頁排版

CSS 排版教學 – 2 欄式網頁版型排版

CSS排版教學,用 CSS 語法編排網頁版型, 在 HTML 使用 div 劃分欄位,再用 CSS 語法來做圖形與版面編排,這個範例是 CSS 網頁設計的基本練習 閱讀全文

in CSS 教學 - 網頁排版

CSS 排版教學 – 設計圖形按鈕選單 – 入門篇【二】

算是入門的 CSS 語法教學範例,讓同學多練習使用「項目清單」製作圖形按鈕。 就是 <ul> 和 <li> 這兩個 HTML 標籤 ,在 CSS 排版中最常使用,在結構上非常的簡潔,在編排上可以非常的靈活… 閱讀全文

in CSS 教學 - 網頁排版

CSS 語法 – 同時使用 float 和 margin 時 – 在 IE6 會出問題

Microsoft 微軟於 2001 年發表 IE6,這 10 幾年來一直折磨著網頁設計師,IE6是非常不聽話的瀏覽器,原因之一是IE6擁有太多非 W3C標準的功能,另一是現今新版本瀏覽器 功能完備… 閱讀全文

in CSS 教學 - 網頁排版

CSS 語法教學 – 隱藏式訊息區塊 – 簡易版

有些原本用 JavaScript 產生的效果都能使用 CSS 來做到,像是圖片按鈕的變換…等。現在要介紹的滑入式訊息選單就是使用 CSS 來做出讓人眼睛為之一亮的效果… 閱讀全文

in CSS 教學 - 網頁排版

CSS 語法教學 – 彈出式選單 – 賀聯式選單

當滑鼠移到選單之後,下方會展開並有其它說明內容,我這邊是把展開的部份加上圖片內容,讓它有其它不同的變化。因為這樣的動作就像人家廟會時會有舞獅從嘴裡丟下賀聯一樣… 閱讀全文

in CSS 教學 - 網頁排版

CSS 語法教學 – 去除超連結的虛線外框

用 CSS 去除超連結醜醜的虛線外框,瀏覽器的預設狀態,在點選超連結的時候,都會出現虛線外框,常常有同學反應,很多老闆都不喜歡這樣的虛線外框,醜醜的很不好看,可不可以去除掉… 閱讀全文

in CSS 教學 - 網頁排版