CSS樣式中的通用選擇器和偽類選擇器

枕夢發表於2017-04-18
CSS
/* *號代表全部的(通用選擇器) */
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <style>
*{ margin: 0; padding: 0;} 
 /*偽類選擇器 :按順序寫：lvha*/
        /*1.預設連線狀態*/
        a:link{
            color: pink;
        }
        /*2.已訪問狀態*/
        a:visited{
            color: darkgray;
        }
        /*3.滑鼠懸浮狀態*/
        a:hover{
            color: red;
        }
        /*4.啟用狀態*/
        a:active{
            color: orange;
        }
    </style>
    <title>超連結</title>
</head>
<body>
<p>
<a href="https://www.baidu.com/?tn=90195257_hao_pg">部落格</a>
</p>
</body>
</html>







相關文章