imagen de fondo de la derecha con css

En el reino del desarrollo web, a menudo es deseable colocar precisamente imágenes de fondo dentro de elementos. Si bien colocar imágenes de fondo en relación con el lado izquierdo de un elemento es sencillo, ¿cómo podemos compensarlas un cierto número de píxeles del derecho?

para lograr esto, podemos utilizar una función CSS3 que permite que las imágenes de fondo se coloquen en relación con un punto de referencia de la mano derecha. Así es como funciona:

/ para colocar el elemento 10px desde la derecha /
 en segundo plano: right 10px top; 
  pre>  
 esta propiedad CSS especifica que la imagen de la imagen de fondo de fondo debe ser 10 píxeles desde el borde derecho de la imagen de la imagen, a la vez que la imagen de la imagen de la imagen de la imagen de la imagen de la imagen de la imagen, a la vez, la imagen de la imagen de la imagen de la imagen de la imagen de la imagen de la imagen de la imagen de la imagen de la imagen de la imagen de la imagen de la imagen de la imagen de la imagen. El borde superior del elemento. 
 
 es importante tener en cuenta que esta característica no es compatible con Internet Explorer 8 o versiones anteriores. Sin embargo, es totalmente compatible en los navegadores modernos, incluidos Chrome y Firefox. Para los detalles de compatibilidad del navegador, consulte el sitio web de Caniuse. 
 
 originalmente adoptada de una fuente de Tanalin, esta característica CSS3 ha obtenido un soporte generalizado en todos los principales navegadores, incluidos los navegadores móviles. Con este conocimiento, ahora puede colocar a la perfección las imágenes de fondo con precisión, asegurando páginas web visualmente atractivas y bien diseñadas.