WEBTECH 網頁設計教學站
我們可以使用 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 ...... 詳細閱讀
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 就必須使用 ...... 詳細閱讀
1 2 3 4 5 6 Next

連絡我們