標籤彙整:網頁版型

CSS 教學 – 單欄式網頁版型設計

網頁完成圖示

這一次的飛肯教學文,要跟大家分享的是,如何用 CSS 語法來做一個單欄式網頁的版型設計!
雖然只是一個很基本的架構,但是在教學文當中,大家可以跟著小編一起學習幾個常用的語法,例如「 text-indent 」 的兩種使用方式、選單之水平排列、清除浮動的寫法…. 繼續閱讀

in CSS 語法 - 網頁設計

CSS 語法 – 2 欄式網頁版型 – 陰影與倒影 – 教學與範例下載

CSS 語法 - 2 欄式網頁版型 - 陰影與倒影設計 - 教學與範例下載

給同學多多練習使用 CSS 語法編排網頁版型,在這個版型的四周增加了 陰影與倒影的圖形設計。 網頁 HTML 部份使用 div 畫分欄位,再用 CSS 語法來做圖形編排與版面定位,這個範例是 CSS 語法設計網頁的基本練習,與我們飛肯上課… 繼續閱讀

in CSS 語法 - 網頁設計

免費 CSS 網頁版型下載網站 – 「Free Website Templates」

免費 CSS 網頁版型 - 「Free Website Templates」

這個網站有非常多的 CSS 免費網頁版型可以下載 這裡提供下載的網頁版型的 HTML 部份是 div 結構,視覺排版部份是以 CSS 語法來完成的,同學可以下載回來練功… 繼續閱讀

in CSS 語法 - 網頁設計