The layout is initially set up, I started to fill the content inside. The first is to define logo pictures:
Style sheet:
#LOGO {margin: 0px; padding: 0px; width: 200px; height: 80px;
Page code:
The above code should now be easily understood. First define a logo layer in CSS, then call it on the page. It should be noted that in order to make the webpage have better ease of use, the web standard requires everyone to give a picture that belongs to the official content, add an Alt property. This alt property is used to explain the role of the image (the replacement text is displayed when the image cannot be displayed), so don't just write a meaningless picture name.
Next is the definition menu.
1. Don't use the menu (portrait)
Let's first see the ultimate effect of the menu:
Usually, we are at least 2-layer tables to implement such menus, and the interval line is implemented in TD and inserted 1PX high transparent GIF picture implementation; background color alternating effects use TD's onmouseover event implementation. But check the page code of this menu, you will see only as follows:
