css背景應用中的repeat-x與repeat-y各是什麼意思

DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS詳解 >> css背景應用中的repeat-x與repeat-y各是什麼意思

編輯：CSS詳解

代碼如下:
#header .nav-box { background:url(images/nav-box-bg.gif) left top repeat-x; width:100%;}

repeat-x是橫向鋪滿，就是在#header .nav-box中，圖片nav-box-bg.gif會橫向重復，直到鋪滿；
repeat-y是縱向，就這麼回事，如果不想重復，no-repeat.

上一頁:創建一個自己的bootstrap模板示例
下一頁:CSS font-family為英文和中文字體分別設置不同的字體

CSS詳解

CSS背景圖片平鋪技巧: 使用CSS來設置背景圖片同傳統的做法一樣簡單，但相對於傳統控制方式，CSS提供了更多的可控選項，我
建議網頁開發者使用IE8測試版測試網站: Internet Explorer 8（IE8）與兩千多中國主流網站不兼容　　
網頁重構時在IE6中遇到png兼容性: 為滿足用戶的視覺追求及產品的背景圖片的換膚功能，設計師難免在設計上會用到半透明的效果。因此頁面重構

CSS基礎知識 Sass教程 CSS3基礎關於CSS CSS進階教程 DIV十CSS布局 CSS特效代碼 CSS詳解

小編推薦

HTML和CSS的關鍵:盒子模型(Box model) 實現CSS垂直居中的五大方法及優缺點(3) 網頁字體大小的設計技巧 Link 標簽 rel=Stylesheet的實際作用 IE中img多出5px的空白解決4種方法 DIV＋CSS是什麼？實質是？學習WEB標准心得:網頁重構的思路 CSS樣式表：詳解IE7新支持的選擇器滑動門與選項卡 CSS清除浮動行之有效的辦法

DIV CSS 佈局教程網

相關文章