直接使用background属性
“`css
background-size: cover;
在这个例子中,p元素的背景图片将被覆盖,并且大小为全屏。要设置图片的大小,可以使用background-size的值,其中 cover表示覆盖整个屏幕。同时,如果希望图片能够自动缩小以适应屏幕大小,可以使用background-size的畏缩样式。
“`html
<button>点击偶</button>
“`css
button {
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
在这个例子中,背景图片将被覆盖,并且大小为全屏。同时,背景图片将被重复两次,在元素的底部和顶部。背景图片的位置是通过background-position属性指定的,它指定了图片在元素中的位置。