点我

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>按钮</title>
<style>
.d1{
width:300px;
height:100px;
margin:200px;
font-family:"方正兰亭超细黑简体";
font-size:36px;
background-color:#FF0;
border:1px solid black;
text-align:center;
line-height:100px;
border-radius:20%;
box-shadow:5px 5px 5px #F96;
opacity:0.6
}
.d1:hover{
background-color:red;
transition:1s;
color:#0F9;
transform:rotateY(360deg);
}
a{text-decoration:none;
color:#000;
}
a:visited{
text-decoration:none;
color:green;
}
</style>

</head>
<body>
<a href="#"><div class="d1">点我点我</div></a>
</body>
</html>

posted @ 2017-07-17 22:54  汉企选手  阅读(272)  评论(0)    收藏  举报