Files

camperbot 5c868af2b8 chore(i18n,learn): processed translations (#44851 )

2022-01-20 20:30:18 +01:00

1.5 KiB

Raw Permalink Blame History

id, title, challengeType, videoUrl, forumTopicId, dashedName

id	title	challengeType	videoUrl	forumTopicId	dashedName
587d78a5367417b2b2512ad8	背景画像としてかすかなパターンを追加してテクスチャを作る	0	https://scrimba.com/c/cQdwJC8	301052	create-texture-by-adding-a-subtle-pattern-as-a-background-image

--description--

背景に質感やおもしろさを加えて目立つようにする一つの方法は、かすかなパターンを追加することです。鍵となるのはバランスです。背景が目立ちすぎて前面から注意がそれることは避けたいでしょう。 background プロパティは、テクスチャやパターンの画像にリンクするための url() 関数をサポートしています。リンクアドレスは引用符で囲んで括弧内に入れます。

--instructions--

https://cdn-media-1.freecodecamp.org/imgr/MJAkxbh.png の URL を使用して、ページ全体の background を body セレクターに設定してください。

--hints--

body 要素の background プロパティを、与えられたリンクとともに url() で設定してください。

assert(
  code.match(
    /background(-image)?:\s*?url\(\s*("|'|)https:\/\/cdn-media-1\.freecodecamp\.org\/imgr\/MJAkxbh\.png\2\s*\)/gi
  )
);

--seed--

--seed-contents--

<style>
  body {

  }
</style>

--solutions--

<style>
  body {
    background: url("https://cdn-media-1.freecodecamp.org/imgr/MJAkxbh.png");
  }
</style>

1.5 KiB Raw Permalink Blame History