要使用 CSS box-shadow 屬性來為區塊元素增加陰影效果,可以依照以下的步驟:
選擇要增加陰影效果的區塊元素,可以使用 CSS 選擇器。
在 CSS 樣式區塊中,使用 box-shadow 屬性設置陰影效果。
box-shadow 屬性的值由四個參數組成,分別 ......
詳細閱讀
HTML DIV 區塊除了可以當容器使用或用來做網頁排版之外,本身也可以透過增加邊框效果來美化視覺效果,在這裡我們要用到的是 CSS 的邊框設計技巧,也就是 border 屬性,透過 border 屬性可以很輕易的替 HTML 的 DIV 區塊增加四個邊框,甚至分別替上邊框、右邊 ......
詳細閱讀
HTML DIV 區塊本身是一個容器的概念,除了可以在 DIV 內放置文字、表格這些網頁元素之外,放圖片也是非常普遍的做法,利用 DIV 區塊內插入圖片的優點除了可以替圖片本身增加更多 CSS 的效果之外,還可以用來做整個網頁的圖片排版,本篇著重於在 HTML DIV 區塊內插入 ......
詳細閱讀
HTML DIV 區塊內的文字顏色是可以變更的,傳統的 HTML 會透過 font color> 標籤來改變文字的顏色,但到了 CSS 時代,可以改用更簡單的 color 屬性直接調整 DIV 區塊內的文字顏色,如果搭配 span> 標籤還可以更精準的標註出某些特定文字再給予不同 ......
詳細閱讀
我們可以使用 css display:inline 屬性來將一些網頁元素設計成水平排列,這種技巧廣泛運用在多數的網頁設計中,例如讓兩個或多個 DIV 區塊水平排列,不過 display inline 的特性會讓排列完的區塊被後面的其它元素所以覆蓋,所以我們還必須額外增加一個 cl ......
詳細閱讀
許多人都在問要如何利用 CSS 設計 ul li 橫向水平顯示?其實這不算是個很困難的技術,CSS 本身就有幾個屬性可以做出這種效果,包含 float 與 display 的屬性,float 就是浮動效果,而 display 則是控制顯示的屬性,這兩種屬性可以做出 ul li 橫 ......
詳細閱讀
CSS list-style-type 的功能是用來設計項目清單列表開頭顯示符號,傳統的項目清單(HTML ul li 或 HTML ol li)的開頭預設符號不是實心的黑點就是數字,可是單純這兩種也許無法滿足所有的網頁內容,所以 CSS 允許網頁設計師利用 list-style ......
詳細閱讀
CSS list-style-image 列表開頭顯示圖示是 CSS 對於項目符號如 ul li 或 ol li 項目清單的美化功能之一,預設的 HTML ul li 或 ol li 標籤前方的圖示不是黑色圓點就是數字,CSS 允許網頁設計師利用 list-style-image ......
詳細閱讀
CSS list-style-position 列表位置的功能顧名思義就是用來控制(或設計)網頁內容的項目清單(或項目標籤)的位置,也就是 HTML 的 ul li 標籤或 ol li 標籤的顯示位置,傳統的 HTML 項目標籤功能僅能顯示,很難控制位置,透過 CSS list- ......
詳細閱讀
CSS list-style 是讓網頁設計師用來重新設計列表清單(或項目清單)用的功能,它可以讓傳統的 ul li tag 與 ol li tag 發揮出更美觀的效果,主要分為設計項目符號開頭標籤顯示樣式的 list-style-style、設計項目符號開頭圖示的 list-st ......
詳細閱讀