background: no-repeat center center;
和 和有什么区别background-size: cover;?
两者都实现了与我网站上的背景图像基本相同的效果。据我所知,结果没有什么区别。
background: no-repeat centre centre;
意思是在元素中放置一个背景图像,但仅显示它的一个实例 ( no-repeat),尝试查看该background-repeat属性以查看其他选项。
然后 CSS 表示将图像放置在元素的垂直centre和水平方向上。centre这与房产有关background-position。
您可能值得尝试将图像尺寸减小到 10 像素 x 10 像素,以查看不重复、重复 x、重复 y 和重复的效果。
background-size:声明您想要的背景图像有多大(这允许动态调整图像大小,就像 html img 标签中的高度和宽度一样),这是 CSS3 中引入的属性。
默认情况下,这是背景图像的默认/本机分辨率。通过使用 be cover 值,您可以将背景图像缩放到尽可能大,以便背景区域完全被背景图像覆盖。背景图像的某些部分可能无法在背景定位区域内看到
我已经在每个属性上放置了链接,以便您可以查看每个属性的可能值。我建议您查看w3schools上的所有 background-* 属性。查看左侧,它们都已列出;)
或者,如果您是 CSS 新手,我会推荐Udacity的这个免费课程,其中有大量视频教程并指导您完成 HTML 和 CSS Web 开发。
| 归档时间: |
|
| 查看次数: |
15301 次 |
| 最近记录: |