Как разместить фоновое изображение в правом нижнем углу? (CSS)

У меня есть изображение размером 500 × 500 пикселей, которое задано как фоновое изображение на моем веб-сайте (в качестве фонового изображения <body>). Но мне нужно, чтобы этот образ располагался в нижнем правом углу веб-страницы. Как я могу это достичь? (лучше с помощью метода css)

Спасибо.

Ответы

Ответ 1

Вуаля:

body {
   background-color: #000; /*Default bg, similar to the background base color*/
   background-image: url("bg.png");
   background-position: right bottom; /*Positioning*/
   background-repeat: no-repeat; /*Prevent showing multiple background images*/
}

Свойства фона могут быть объединены в одно свойство фона. Смотрите также: https://developer.mozilla.org/en/CSS/background-position

Ответ 2

для более точного позиционирования:

      background-position: bottom 5px right 7px;

Ответ 3

Это должно сделать это:

<style>
body {
    background:url(bg.jpg) fixed no-repeat bottom right;
}
</style>

http://www.w3schools.com/cssref/pr_background-position.asp

Ответ 4

Вы попробовали что-то вроде:

body {background: url('[url to your image]') no-repeat right bottom;}