CSS3背景菜鳥
CSS3是一種用于網頁設計及格式化文檔的語言,通過CSS3可以實現網頁的各種樣式,其中背景是網頁中不可或缺的一個元素。
CSS3背景可以通過多種方式來設置,包括顏色、圖片、漸變、重復、位置等,下面我們分別來看一下:
/* 設置背景顏色 */ body{ background-color: #fff; } /* 設置背景圖片 */ body{ background-image: url("bg.jpg"); } /* 設置背景漸變(水平) */ body{ background: linear-gradient(to right, #f00, #00f); } /* 設置背景漸變(垂直) */ body{ background: linear-gradient(to bottom, #f00, #00f); } /* 設置背景重復 */ body{ background-repeat: repeat-x; /* 橫向重復 */ background-repeat: repeat-y; /* 縱向重復 */ background-repeat: repeat; /* 橫向縱向都重復 */ background-repeat: no-repeat; /* 不重復 */ } /* 設置背景位置 */ body{ background-position: center; }
總結一下,CSS3背景是實現網頁視覺效果的重要元素,通過多種方式來設置,可以讓網頁呈現出不同的風格和氛圍。
上一篇css3背景等比例
下一篇mysql查詢不在時間段