Home  >  Article  >  Web Front-end  >  HTML5 css3 website menu implementation code_html5 tutorial skills

HTML5 css3 website menu implementation code_html5 tutorial skills

WBOY
WBOYOriginal
2016-05-16 15:48:291769browse

The difficulty of implementation lies in: the two selectors first-child and last-child, and later the application of margin-left:-1px; and the technical processing of 33% and 34% width.

Another difficulty is: the implementation of box-shadow:1px 0 0 #F1F1F1 inset;.

Finally:

Copy the code
The code is as follows:

background:- webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#b6b4b4));background:-moz-linear-gradient(top, #f9f9f9, #b6b4b4);background:-o-linear- gradient(top, #f9f9f9, #b6b4b4);background:linear-gradient(top, #f9f9f9, #b6b4b4);


Copy code
The code is as follows:



http://www.w3.org/1999/xhtml" xml :lang="en">


< ;title>html5,css3 menu








Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn