Prevent background images from being tiled in a Web page

Source: Internet
Author: User
Tags dreamweaver
Web page What do we do if we want to place a background image of a tile in different corners of the page?

For example, the background of the Web page as shown in the picture, and require a different resolution of the background image is shown in the lower right corner, think about, there is a way?

Want to make it a big picture?! No, different resolution, the size of the picture is different ah, you can only do a background. How to do???

Don't worry, all you need is the following background:

Maybe you will say, it looks not OK, just so a small picture, and the background of the Web page is tiled!

Don't worry, you forgot the CSS? It's not difficult to do it in the Dreamweaver. First create a new style, as shown in figure:

In the style, select the "Background" option, and then set on the right, in this case, first enter the path to the background image in the "Background image" option, which is the small figure that you just cut.
"Repeat" is to ask you whether you repeat the tiled background, here is a single effect, of course, do not want to tile, shown as "No-repeat."
"Attachment" option is to ask you whether the image position is fixed, set "fixed", indicating fixed.
"Horizontal" is the horizontal position, where "right" is to be left.
"Vertical" is the vertical position, where "bottom" is chosen to indicate a bottom.

In this way, the defined style can be applied not only to the background of the page, but also to the table and a single grid. We use Dreamweaver to edit, to study.



Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.