freeCodeCamp/curriculum/challenges/chinese/01-responsive-web-design/applied-visual-design/create-texture-by-adding-a-subtle-pattern-as-a-background-image.chinese.md

id, title, challengeType, videoUrl, forumTopicId, localeTitle

id	title	challengeType	videoUrl	forumTopicId	localeTitle
587d78a5367417b2b2512ad8	Create Texture by Adding a Subtle Pattern as a Background Image	0	https://scrimba.com/c/cQdwJC8	301052	通过添加细微图案作为背景图像来创建纹理

Description

添加一个精致的背景图，可以增加页面的质感，让页面更美观。关键是要找到一个平衡点，抢了内容的风头，喧宾夺主可就不妙了。background 属性支持使用 url() 函数通过链接的方式引入一个指定纹理或样式的图片。图片链接地址在括号内，一般会用引号包起来。

Instructions

用 body 选择器设置整个页面的 background 为 url https://i.imgur.com/MJAkxbh.png 指定的图片。

Tests

tests:
  - text: '<code>body</code> 元素选择器应包含 <code>background</code> 属性，且值为给定的 <code>url</code>。'
    testString: 'assert(code.match(/background:\s*?url\(\s*("|''|)https:\/\/i\.imgur\.com\/MJAkxbh\.png\1\s*\)/gi), ''<code>body</code> 元素选择器应包含 <code>background</code> 属性，且值为给定的 <code>url</code>。'');'

Challenge Seed

<style>
  body {
    
  }
</style>

Solution

// solution required