CSS - 網頁設計教學站

CSS DIV 區塊內的文字字型預設是跟著瀏覽器的標準呈現，當然也可以跟著父層所設定的文字字型而呈現，如果網頁設計師希望替單獨一個 DIV 區塊，修改裡面的文字字型，可以使用 CSS 內建的 font-family 屬性來修改，效果相當不錯，font-family 是 CSS 修 ...... 詳細閱讀

CSS DIV 區塊並排必須要使用到區塊浮動的設計技巧，所謂的浮動，可以看成在平面上的兩個 DIV 區塊，從預設的由上而下排列，改變為浮動成水平排列，就會是並排在一起，在 CSS 中，浮動有一個特定的屬性叫做 float，網頁設計師可以透過這個 float 來設定 DIV 區塊要 ...... 詳細閱讀

CSS vertical-align 屬性的功能是用來設計文字中穿插的圖片，在垂直方向的對齊模式，有的時候我們會在一段文字中插入幾張小圖片，這些圖片可以讓整篇文章看起來更活潑、更生動，可是預設的圖片垂直排列模式在各大瀏覽器的效果幾乎都不是很好看，網頁設計師可以透過 CSS ver ...... 詳細閱讀

如果你想修改 CSS DIV 區塊內的文字樣式，可以透過 CSS 內建的 font-style 屬性來設計，這是一個文字樣式設計的標準屬性，幾乎所有主流的瀏覽器都支援，常見的文字樣式效果就是斜體字，這在傳統的 HTML 設計中，可以採用標籤來處理，可是到了 CSS 就必須使用 ...... 詳細閱讀

DIV 區塊內的文字顏色預設值通常是黑色或是根據父層容器指定文字顏色呈現，CSS 設計師可以為每一個 DIV 區塊內的文字顏色，各別做不同的設定，如此一來就能創造出每個 DIV 區塊不同文字顏色所呈現的繽紛效果，會用到的技巧很簡單，就是 CSS 內建的 color 屬性，本篇就用 ...... 詳細閱讀

DIV 區塊的邊框預設是沒有顏色的，當然也不會樣式可以看，如果我們希望替 DIV 區塊增加邊框的顏色以及樣式有什麼好方法呢？答案是可以使用 css 內建的元素邊框屬性來設計，常用的設計方式有單一個 border 或者是利用 border-color, border-style, ...... 詳細閱讀

替 DIV 區塊增加背景圖片是一種網頁美化設計的技巧，在之前的一篇內容中，我們介紹了修改 CSS DIV 區塊背景顏色的技巧，已經可以呈現出許多不同的視覺效果，不過單純的修改 DIV 背景顏色，有的時候還不夠精緻，所以網頁設計師常常會使用增加 DIV 區塊背景圖片的技巧，來提升整 ...... 詳細閱讀

修改 CSS DIV 區塊背景顏色的方式很簡單，CSS 內建的 background-color 屬性就是設定網頁元素背景顏色的標準屬性，我們可以將這個屬性套用到 DIV 區塊內，就能夠輕易的調整 DIV 區塊背景顏色，每個 DIV 區塊只需要使用一次 background-co ...... 詳細閱讀

DIV 區塊內可以用來放文字、圖片、影片等等各式各樣的網頁資料，特別是用 DIV 區塊來劃分每個文字區域在網頁中要出現的位置，實在是非常好用，可是預設 DIV 區塊內的文字行高不一定很好看，如果文字行高太接近，會讓每一行文字黏在一起，視覺效果不好看，我們可以透過 CSS 內建的 ...... 詳細閱讀

CSS DIV 區塊內的文字與 DIV 區塊本身的邊框距離預設值通常是不分開的，換句話說，文字會與 DIV 區塊的邊框黏在一起，在視覺上來說，並不是很美觀，所以我們必須透過一些技巧來調整 DIV 區塊內的文字與邊框的距離，這裡我們使用到的是 CSS 內距調整 padding 屬性 ...... 詳細閱讀