背景是網頁設計中十分重要的一部分,為網頁提供了豐富的內容和樣式,使網頁更具吸引力和易讀性。CSS背景高級使用方法可以幫助我們更好地實現我們的設計意圖。以下是一些CSS背景高級使用的技巧。
/*CSS背景高級使用技巧*/ /*1.使用多個背景圖片*/ background: url(bg1.jpg) top left no-repeat, url(bg2.jpg) bottom right no-repeat; /*2.重復背景圖片*/ background-repeat: repeat-x; /*水平重復*/ background-repeat: repeat-y; /*垂直重復*/ background-repeat: repeat; /*水平垂直都重復*/ /*3.背景圖片不重復*/ background-repeat: no-repeat; /*4.設置背景圖片起始位置*/ background-position: center center; /*水平和垂直都居中*/ background-position: left top; /*左上角*/ background-position: right bottom; /*右下角*/ /*5.設置背景固定,跟隨滾動*/ background-attachment: fixed; /*6.設置背景大小*/ background-size: 100px 100px; /*固定寬高*/ background-size: contain; /*按比例縮小,保持寬高比*/ background-size: cover; /*等比例拉伸,填滿容器*/
以上這些CSS背景高級使用的技巧可以幫助我們更好的掌握背景的樣式和使用,在網頁設計中有很大的實用性。
上一篇css能和a醇
下一篇css背景適應屏幕大小