Htnl style advice. There is a template, please simplify it_html/css_WEB-ITnose

http://www.duice.net/UploadFiles/wzjs/wytx/menu/menu57/ ​​
http://www.duice.net/UploadFiles/wzjs/wytx/menu/menu57/images/2/ menu.jpg
The above two links.
The first link is the template, my intention is the second tab.
The second link is the image used in the tab.
Mainly because it has the effect of blocking other tabs when the tab is selected and hoved.
Due to color pixels, the picture must be made by oneself. If the css implementation code cannot be understood, it will definitely not work.
I would like to ask if there is a simpler code, his padding and margin are dazzling...

Reply to the discussion (solution)

There is no simple code, only simple design. Personally, I feel that this design is outdated. Now most people are pursuing flat menus that are compatible with mobile terminals to see if it is possible to weaken the design within a limited scope.

There is no simple code, only simple design. Personally, I feel that this design is outdated. Now most people are pursuing flat menus that are compatible with mobile terminals to see if it is possible to weaken the design within a limited scope.

Thanks for the suggestion

I have figured it out and it has been used in municipal projects. I still need to work on this recently!