4个回答
展开全部
不用搞得太复杂，直接用图片就好：
<html>
<head>
<style>
ul {
list-style-type: none;
}
li {
width: 150px;
height: 24px;
float: left;
background-image: url('bk1.png');
background-size: cover;
text-align: center;
font-size: 12px;
}
li:hover {
color:#E4393C;
background-image: url('bk2.png');
}
</style>
</head>
<body>
<ul><li>疯狂抢购</li><li>猜你喜欢</li></ul>
</body>
</html>
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<style type="text/css">
.Arrow { margin:0 auto; width:300px; border-bottom:2px solid #f00; height:20px; position:relative;}
.Arrow span { width:0; height:0; border-width:10px; border-style:dashed dashed solid dashed; border-color:transparent transparent #f00 transparent; position:absolute; left:50px;}
</style>
</head>
<body>
<div class="Arrow">
<span></span>
</div>
</body>
</html>
如果能帮到你，望采纳
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
一般js的箭头用于切换的
大部分采用PNG格式的图片实现
当然也可以使用小于号（<）和大于号（>）来实现
大部分采用PNG格式的图片实现
当然也可以使用小于号（<）和大于号（>）来实现
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
这种箭头用css就可以画出来啊
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
