效果图:
代码:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
.menu{
background:#ccc;
padding: 5px;
display: inline-block;
width: 20px;
height: 20px;
line-height: 20px;
text-align: center;
color: white;
border-radius: 5px;
}
.menu:active{
background: #aaa;
}
.arrow {
display: inline-block;
width: 10px;
height: 10px;
border-top: 3px solid white;
border-right: 3px solid white;