CBSE Class 10 Computer Applications Question 2 of 56

Cascading Style Sheets (CSS) — Question 2

Back to all questions
2
Question

Question 2

Ruby has written the following code to shift a background image to the bottom-right corner of the page. The code however is not giving the desired result. Help her in finding a solution to the problem.

<body style= "background-image: url (C:/Desktop/image-3.jpg);
background-repeat: no-repeat; background-position: 45% 90%; 
background-color: #cccccc"; >
Answer

Ruby can change the value of 'background-position' property from '45% 90%' to 'bottom right'. She can write the following code to shift a background image to the bottom-right corner of the page.

<body style= "background-image: url(C:/Desktop/image-3.jpg);
background-repeat: no-repeat; background-position: bottom right;
background-color: #cccccc;" >