Files
freeCodeCamp/curriculum/challenges/chinese/01-responsive-web-design/applied-visual-design/create-texture-by-adding-a-subtle-pattern-as-a-background-image.chinese.md
Ahmad Abdolsaheb 23ca5d9cc6 fix: replace imgur with s3 for Chinese guide without conflict (#36052)
* fix: imgur to s3 for chinese guide without conflict

(cherry picked from commit 21e3afaee0f23d700f76ea662bc193b392fc54ac)

* fix: remove extra links

Co-Authored-By: Randell Dawson <5313213+RandellDawson@users.noreply.github.com>

* fix: revert changes

* fix: revert changes

* fix: revert changes

* fix: revert changes
2019-05-25 02:39:49 +05:30

1.5 KiB

id, title, challengeType, videoUrl, localeTitle
id title challengeType videoUrl localeTitle
587d78a5367417b2b2512ad8 Create Texture by Adding a Subtle Pattern as a Background Image 0 通过添加细微图案作为背景图像来创建纹理

Description

为背景添加纹理和兴趣并让它更突出的一种方法是添加一种微妙的图案。关键是平衡,因为你不希望背景太突出,并从前景中拿走。 background属性支持url()函数,以便链接到所选纹理或图案的图像。链接地址用括号内的引号括起来。

Instructions

使用https://cdn-media-1.freecodecamp.org/imgr/MJAkxbh.png的网址,使用body选择器设置整个页面的background

Tests

tests:
  - text: 您的<code>body</code>元素应该将<code>background</code>属性设置为具有给定链接的<code>url()</code> 。
    testString: 'assert(code.match(/background:\s*?url\(\s*("|"|)https:\/\/cdn-media-1\.freecodecamp\.org\/imgr\/MJAkxbh\.png\1\s*\)/gi), "Your <code>body</code> element should have a <code>background</code> property set to a <code>url()</code> with the given link.");'

Challenge Seed

<style>
  body {

  }
</style>

Solution

// solution required