这里我是使用外部样式表,上面是html的代码,下面才是css的代码,使用外部样式表的话,可以使用link标签将html和css连接起来,这样css就能对网页进行装饰了
background-image后面的url里面你图片的位置,我是从网上找的,所以直接附上了它的网址,如果你是在本地的话那就换上你自己的地址 background-repeat属性定义背景图像的重复方式,想要了解它的用法的可以去网上搜一下的它的用法 background-position属性为每一个背景图片设置初始位置,想要详细了解可以去网上找它的用法 background-size设置背景图片大小,注意:没有被背景图片覆盖的背景区域仍然会显示用background-color属性设置的背景颜色,这是它的两个属性值
代码的修饰效果如下:
这两张图片的大小不知道为什么不一样,有知道的大佬可以解答一下这个困惑,非常感谢!