學習筆記 css 錨僞類
![]()
<!DOCTYPE html>
<html>
<head>
<style>
.tip span{
display: none;
}
.tip:hover span {
display: block;
position: absolute;
top: 30px;
left: 160px;
padding: 1px 1px;
border: 1px solid red;
background-color: black;
color: white;
}
a {
display: block;
background-color: #94b8e9;
width: 200px;
text-align: center;
text-decoration: none;
border: 1px solid #cb6;
box-shadow: 2px 2px 3px #cb6;
}
a:link {color:pink;}
a:visited {color:blue;}
a:hover {
color:red;
font-weight: bold;
text-decoration: underline;
background-color: #cb6;
/*border: 5px dotted red;*/
}
a:active {color:yellow;}
}
</style>
</head>
<body>
<a href="http://www.20200529.com" class="tip">20200529<span>wfssb</span></a>
<p><a href="#mainContent">Skip to main content</a></p>
<a href="http://www.20200529.com">qiandu</a>
</br>
<a href="http://www.20200529.com">wandu</a>
</br></br></br></br></br></br></br></br></br></br>
</br></br></br></br></br></br></br></br></br></br>
</br></br></br></br></br></br></br></br></br></br>
</br></br></br></br></br></br></br></br></br></br>
</br></br></br></br></br></br></br></br></br></br>
<h1><a name="mainContent">Welcome</a></h1>
</body>
</html>
