>웹 프론트엔드 >H5 튜토리얼 >HTML5 CSS3 웹사이트 메뉴 구현 code_html5 튜토리얼 기술

HTML5 CSS3 웹사이트 메뉴 구현 code_html5 튜토리얼 기술

WBOY
WBOY원래의
2016-05-16 15:48:291791검색

구현의 어려움은 첫 번째 자식과 마지막 자식의 두 선택기와 나중에 margin-left:-1px 적용 및 33% 및 34% 너비의 기술적 처리에 있습니다.

또 다른 어려움은 box-shadow:1px 0 0 #F1F1F1 inset; 구현입니다.

마지막으로:

코드 복사
코드는 다음과 같습니다.

배경:- 웹킷-그라디언트(선형, 왼쪽 상단, 왼쪽 하단, from(#f9f9f9), to(#b6b4b4));배경:-moz-linear-gradient(상단, #f9f9f9, #b6b4b4);배경:-o -선형- 그라데이션(상단, #f9f9f9, #b6b4b4);배경:선형-그라디언트(상단, #f9f9f9, #b6b4b4)


코드 복사
코드는 다음과 같습니다.



http://www.w3.org/1999/xhtml


< ;title>html5,css3 메뉴






성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.