CSS作為網頁設計中的一種重要語言,在頁面美化中扮演了重要的角色。其中,美化網頁背景是CSS其中一個重要的功能,下面就讓我們一起來看看如何使用CSS實現網頁背景美化。
/*設置背景顏色*/ body{ background-color:#f5f5f5; } /*設置背景圖片*/ body{ background-image:url(images/background.jpg); } /*設置背景圖片的位置和重復方式*/ body{ background: url(images/background.jpg) repeat center top; } /*設置背景圖片平鋪方式和顏色*/ body{ background: url(images/background.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-color:#fff; } /*設置帶漸變顏色的背景*/ body{ background: linear-gradient(to bottom, #f3f3f3, #fff); }
以上是常用的一些網頁背景美化方法,可以通過設置背景顏色、背景圖片、背景圖片的位置和重復方式、背景圖片平鋪方式和顏色、帶漸變顏色的背景等多種方式,讓網頁背景更加的美觀。不同的媒體設備對CSS的支持也不相同,需要進行媒體查詢以在不同的設備上實現最佳顯示效果。
下一篇css美化程序