標籤彙整:padding

CSS教學分享文 – 固定背景圖之語法練習

範例完成圖

這次飛肯的教學文,要來分享的是,如何利用 CSS-div 語法排版,將背景圖片固定在自己想要的網頁位置上,雖然是個很簡單的範例,不過各種常用的 background 語法設定幾乎都可以從這次範例中一起學到喔。
此外,版型中還附加了兩個 CSS3 的特殊效果語法,來讓大家認識一下:分別是圓角效果,以及文字的陰影效果,現在就請大家跟著以下步驟,一起完成今天的 CSS 語法練習吧! 繼續閱讀

in CSS 語法 - 網頁設計

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

網頁完成圖示

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

in CSS 語法 - 網頁設計

CSS 語法教學 – div 圖文框排版入門

CSS 語法教學 – div 圖文框排版入門

以前使用表格排版的時候,要製作圓角圖框的排版就必須把先把圖片切割大卸九塊,然後再用表格把切割過後的圖片拚在一起還原之後,才能把網頁需要的文字貼在表格之內….光想起來就是大工程… 繼續閱讀

in CSS 語法 - 網頁設計