<!DOCTYPE html>
<html>
<head>
<title></title>
<style type="text/css">
.one{
padding: 10px;
cursor: pointer;
box-shadow: 2px 2px 2px #aaa;
}
.one:hover{
box-shadow: 3px 3px 3px #aaa;
z-index: 2;
}
.one:active{
box-shadow: 1px 1px 1px #aaa;
}
.one::selection{
background: #aaa;
}
</style>
</head>
<body style="font-family: sans-serif;">
<a href="new.html">hello</a>
<span class="one">Hello</span>
</body>
</html>
<html>
<head>
<title></title>
<style type="text/css">
.one{
padding: 10px;
cursor: pointer;
box-shadow: 2px 2px 2px #aaa;
}
.one:hover{
box-shadow: 3px 3px 3px #aaa;
z-index: 2;
}
.one:active{
box-shadow: 1px 1px 1px #aaa;
}
.one::selection{
background: #aaa;
}
</style>
</head>
<body style="font-family: sans-serif;">
<a href="new.html">hello</a>
<span class="one">Hello</span>
</body>
</html>
评论
发表评论