freeCodeCamp/curriculum/challenges/spanish/01-responsive-web-design/applied-visual-design/create-texture-by-adding-a-...

1.6 KiB

id title challengeType videoUrl localeTitle
587d78a5367417b2b2512ad8 Create Texture by Adding a Subtle Pattern as a Background Image 0 Crear textura agregando un patrón sutil como imagen de fondo

Description

Una forma de agregar textura e interés a un fondo y hacer que se destaque más es agregar un patrón sutil. La clave es el equilibrio, ya que no desea que el fondo se destaque demasiado y quita el primer plano. La propiedad de background compatible con la función url() para enlazar a una imagen de la textura o patrón elegido. La dirección del enlace está entre comillas dentro de los paréntesis.

Instructions

Usando la url de https://i.imgur.com/MJAkxbh.png , establezca el background de toda la página con el selector de body .

Tests

tests:
  - text: El elemento del <code>body</code> debe tener una propiedad de <code>background</code> establecida en una <code>url()</code> con el enlace dado.
    testString: 'assert(code.match(/background:\s*?url\(\s*("|"|)https:\/\/i\.imgur\.com\/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