freeCodeCamp/create-texture-by-adding-a-subtle-pattern-as-a-background-image.md at 4a74567986d8de748f954e8957adc7613e85193f

Oliver Eyton-Williams 4a74567986 fix: remove title from Chinese chals

2020-10-06 23:10:08 +05:30

1.4 KiB

Raw Blame History

id, challengeType, videoUrl, forumTopicId, localeTitle

id	challengeType	videoUrl	forumTopicId	localeTitle
587d78a5367417b2b2512ad8	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:\/\/cdn-media-1\.freecodecamp\.org\/imgr\/MJAkxbh\.png\1\s*\)/gi));

Challenge Seed

<style>
  body {
    
  }
</style>

Solution

// solution required

1.4 KiB Raw Blame History