怎样实现鼠标移上去显示出下拉框，旁边的小箭头会旋转一个方向
1个回答
展开全部
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
*{margin: 0; padding: 0;}
div{width: 50px; height: 40px; background-color: #ccc;}
div span{display: inline-block; border: 5px solid transparent; border-bottom-color: red; transform-origin: bottom;}
div:hover span{transform: rotate(180deg);}
</style>
</head>
<body>
<div><span></span></div>
</body>
</html>
划到上面的时候让里面代表尖头的子元素旋转180度就可以了，用transform：rotate即可
追问
要用ul li，整体效果是这样的
追答
这个没有影响啊，你第一栏里的三角肯定需要包一个标签的嘛，让划过第一个和最后一个li的时候里面那个标签旋转180度就可以了呀。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
