background qt 设置平铺_background 背景

关于CSS的背景属性，我们可以从下面几个方面来进行相关了解：

• background-color，设置元素背景颜色
• background-image，设置背景图像，默认值为 none
• background-repeat，设置背景图像是否及如何重复
• background-position，设置背景图像的起始位置
• background，上面属性的简写属性

设置背景颜色为红色：

h1{background-color: red;}

设置背景图像：

/* 背景图片的设置一定需要宽度和高度的设置，不然不会在浏览器中显示出来 */
div{
    background-image: url(./v3_hot.png);
    background-repeat: repeat;    /* 图片平铺 */
    background-position: center;  /* 图片居中显示 */
    width: 100%;
    height: 243px;
}

适当的将上面的代码组织完整得到的效果图就是如下所示：

动手小练习

1. 向代码中插入一张图片，然后对图片的样式进行自我的设置