Disable tiled background images on webpages

What if we want to place non-repeated tiled background images in different corners of the webpage?
For example, the background of a web page must be shown in the following figure, and the background image must be displayed in the lower right corner at different resolutions. Do you have a solution?


Want to make it into a big image ?! No. You can create only one background for different resolutions and different image sizes. What should we do ???
Don't worry, you just need the following background:


Maybe you will say, it seems no, it's just such a small image, and the webpage background is tiled!
Don't worry. Have you forgotten CSS? It is not difficult to do it in Dreamweaver. First, create a new style, as shown in the following figure:


In the style, select the "Background" option and set it on the right side. In this example, enter the path of the Background Image in the "Background Image" option, that is, the cropped thumbnail.
"Repeat" is to ask if you want to repeat the tiled background image. Here is a single effect. Of course, you do not want to tile it, as shown in "no-Repeat ".
The "Attachment" option is to ask if the image position is Fixed. If it is set to "Fixed", it indicates Fixed.
Horizontal is the Horizontal position. right is the right position.
"Vertical" is the Vertical position. Here, "bottom" is selected to indicate the bottom.


In this way, the defined style can be applied not only to the background of the page, but also to tables and single row cells. You can use Dreamweaver to edit and study it.