Web-CSS page background

Requirements: Design the following web pages
Insert picture description here

Analysis:
1. Insert the background color and background picture (upper right corner);
2. Insert the unordered list list picture;
3. Insert 3 pictures and the
materials are as follows:

Insert picture description hereThe code is as follows:
Insert picture description here 1. <body>Write the content in it first to facilitate the beginning.
2. Use the body tag selector to set the background color background-color(the background color in the picture can be found through the drawing software on the computer to find the corresponding binary digital code, etc.), background picture insertion background-image, picture tile setting (the inserted picture is tiled by default , The no-repeatproperty for non-tiling is not none) background-repeat, background picture position background-positionsetting (the background picture position setting has at least two position properties, one is the position in the horizontal direction and the other is the position in the vertical direction)
3. When inserting a list picture of an unordered list, you must Set <li>the list-style-image:url("图片位置 名称")mark attribute instead <ul>of setting it on
4. Pay attention to the position of the picture when inserting the picture
5. Pay attention to the length and width settings of the three pictures of the main work, and the final effect of the picture spacing setting
:
Insert picture description here

Welcome to leave a message below, communicate with each other and make progress together

Guess you like

Origin blog.csdn.net/weixin_45952057/article/details/109099430