-
box-sizing查看全部
-
box-sizing:border-box; 设置成border-box以后，你这个对象的宽度就是你设置的那个实际宽度，忽略padding值和border值查看全部
-
transition 动画过度； 要加在hover之前，因为hover是鼠标划过以后的变化，是最终要变成的样子，所以： transition要定义在初始状态下！查看全部
-
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>无标题文档</title> <style type="text/css"> body ul li {margin: 0px; padding: 0px; font-size: 12px; } ul { list-style-type: none; height: 27px; width:500px;border-bottom:2px solid #21530C} li { float: left; } li a{display:inline-block;height:27px;text-decoration:none;padding:0 9px;line-height:27px;color:black; border-radius:5px 5px 0 0; transition:0.4s ease; } li a:hover{background:green;color:white;} </style> </head> <body> <ul> <li><a href="#" class="ac"><span>首页</span></a></li> <li><a href="#"><span>最新产品</span></a></li> <li><a href="#"><span>内部新闻</span></a></li> <li><a href="#"><span>联系我们</span></a></li> </ul> </body> </html>查看全部
-
box-sizing查看全部
-
box-sizing查看全部
-
transition查看全部
-
浏览器兼容性查看全部
-
transform 参数查看全部
-
色彩、样式、纹理查看全部
-
CSS3：新标签 <transform></transform>:属性向元素应用2D或3D转换。该属性允许我们对元素进行旋转、缩放、移动或倾斜。查看全部
-
过渡效果查看全部
-
兼容问题查看全部
-
Transform参数查看全部
-
css3查看全部
举报
0/150
提交
取消