Hands-On Practice 4.9 Lets practice configuring multiple background images. In this Hands-On Practice you will configure the body element selector to display multiple background images on the web page. Create a new folder named trilliumch4. Copy all the files from the student files chapter4/trillstarters folder into your trilliumch4 folder. Youll update the index.html file. Launch a text editor and open index.html. 1. Modify the style rule for the body element selector. Configure a background property to display both the trilliumfoot.gif image and the trilliumgradient.png image. The trilliumfoot.gif image should not repeat and should be displayed in the lower right corner. The body selector style rules are as follows: body { background-color: #f4ffe4; color: #333333; background: url(trilliumfoot.gif) no-repeat right bottom, url(trilliumgradient.png); } 2. Save your page as index.html. Launch a browser and test your page. Your display should be similar to Figure 4.30. The student files contain a sample solution in the chapter4/4.9 folder