在Web頁面開發中,CSS背景圖不僅可以增加頁面的美觀度,還能夠提升用戶的體驗感。今天,我們就來分享一些好看的CSS背景圖。
/* 瀑布流背景 */ body { background-image: url("waterfall.png"); background-repeat: no-repeat; background-size: cover; } /* 漸變背景 */ body { background: linear-gradient(to bottom right, #FD746C, #FFA07A); } /* 球形背景 */ body { background-image: radial-gradient(circle at 50% 100%, #00F260, #0575E6); } /* 星空背景 */ body { background-image: url("stars.png"); background-attachment: fixed; background-size: cover; } /* 顏色漸變背景 */ body { background: #5B247A; /* fallback for old browsers */ background: -webkit-linear-gradient(to right, #5B247A, #1Bcedf); /* Chrome 10-25, Safari 5.1-6 */ background: linear-gradient(to right, #5B247A, #1Bcedf); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ }
以上就是一些我們精選的好看的CSS背景圖,你也可以根據你的需求選擇一些適合的樣式,讓你的網頁更加美觀動人。