<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>CSS样式规则</title>
<style>
/*link未访问的时候*/
a:link{
color: black;
text-decoration: none;
}
a:visited{
color:red;
font-size:150%;
text-align: center;
}
a:hover{
font-wight:bolder;
font-size:200%;
color: pink;
text-decoration-line:underline;
text-decoration-color: darkgreen;
}
a:active{
color: deeppink;
font-size:250%;
}
</style>
</head>
<body>
<p >
<a href="http://www.php.cn" target="_blank" >php中文网欢迎您</a>
</p>
</body>
</html>
大家帮我看下这串代码，怎么点击之前也是红色，点击之后还是红色，也不居中，悬停和点击效果正常，求解？
<p align="center">
<a href="#" >php中文网欢迎您</a>
</p>
改个文件名或者换个浏览器再打开看看点击之前是不是红色