1. 程式人生 > 其它 >CSS(5)陰影和超連結偽類

CSS(5)陰影和超連結偽類

陰影和超連結偽類

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>index</title>

<style>
/*預設的顏色*/
a{
text-decoration: none;
color: black;
/*text-shadow: 陰影顏色,水平偏移,垂直偏移,陰影半徑*/
text-shadow: #555555 10px 0px 2px;
}

/*滑鼠懸浮的狀態 常用 */
a:hover{
color: #e70f0f;
font-size: 50px;
}

/*滑鼠按住未釋放的狀態*/
a:active{
color: #4a78c2;
}

</style>

</head>
<body>

<a href="">
<img src="../超連結偽類/resources/王一博.jpg" alt="王一博" height="200px" width="150px">
</a>

<p>
<a href="">出生</a>
</p>

<p>
<a href="">地點</a>
</p>

</body>
</html>