Requirements: Design the following web pages
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:
The code is as follows:
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-repeat
property for non-tiling is not none
) background-repeat
, background picture position background-position
setting (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
:
Welcome to leave a message below, communicate with each other and make progress together