CSS提供了多種方法來控制圖像、顏色、背景等元素在網頁上的平鋪數量。
/* 設置平鋪數量為0,不平鋪 */ background-repeat: no-repeat; /* 設置水平方向平鋪1次 */ background-repeat: repeat-x; /* 設置垂直方向平鋪1次 */ background-repeat: repeat-y; /* 設置水平和垂直方向都平鋪1次 */ background-repeat: repeat; /* 設置水平和垂直方向都不平鋪,縮放以適應尺寸 */ background-repeat: no-repeat; background-size: contain; /* 設置水平和垂直方向都不平鋪,拉伸以適應尺寸 */ background-repeat: no-repeat; background-size: cover; /* 設置水平和垂直方向都不平鋪,且將原圖裁剪 */ background-repeat: no-repeat; background-size: 100% auto; /* 水平方向的尺寸100%,垂直方向的尺寸自適應 */ /* 設置平鋪數量為指定數值,如2行2列 */ background-repeat: repeat; background-size: calc(100% / 2) calc(100% / 2);
使用這些方式可以靈活地控制網頁元素的平鋪數量,讓網頁更加美觀和個性化。
上一篇html5 css3例題
下一篇css平臺幣可靠