《Web前端开发》实验指导/实验八:下拉菜单 4 #nav ul position: absolute border-bottom: 1px solid #575757 border-left: 1px solid #929292 border-right: 1px solid #5d5d5d; display: block; eight: 34p position: relative width: 105px #nav li first-child I border-left: 0 none #nav lia color: #FFFFFF display: block line-height: 34px outline: medium none: text-align center text-decoration none #787878), color-stop(0.5, #5E5E5E), color-stop(0.51, #707070), color-stop(1 #838383) background-image:-moz-linear-gradient(center bottom, #7878780%,#5E5E5E 50%,#70707051%,#838383100%) @-webkit-keyframes animation1 -webkit-transform: scale (1) 0%{ 100%{ -webkit-transform: scale (1) 河南中医学院互联网应用技术研究所 本讲共计12页|当前第4页《Web 前端开发》实验指导 / 实验八:下拉菜单 河南中医学院互联网应用技术研究所 本讲共计 12 页 | 当前第 4 页 background-color:#5f5f5f; } #nav ul { left: -9999px; position: absolute; top: -9999px; z-index: 2; } #nav li { border-bottom: 1px solid #575757; border-left: 1px solid #929292; border-right: 1px solid #5d5d5d; border-top: 1px solid #797979; display: block; float: left; height: 34px; position: relative; width: 105px; } #nav li:first-child { border-left: 0 none; margin-left: 5px; } #nav li a { color: #FFFFFF; display: block; line-height: 34px; outline: medium none; text-align: center; text-decoration: none; /* gradient */ background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #787878), color-stop(0.5, #5E5E5E), color-stop(0.51, #707070), color-stop(1, #838383)); background-image: -moz-linear-gradient(center bottom, #787878 0%, #5E5E5E 50%, #707070 51%, #838383 100%); background-color:#5f5f5f; } /* keyframes #animation1 */ @-webkit-keyframes animation1 { 0% { -webkit-transform: scale(1); } 30% { -webkit-transform: scale(1.3); } 100% { -webkit-transform: scale(1);