四种链接状态分别是：
- a:link - 正常的，未访问的链接
- a:visited - 用户访问过的链接
- a:hover - 用户将鼠标悬停在链接上时
- a:active - 链接被点击时
<style>
a:link, a:visited {//未访问、访问过background-color: #07c160;//设置背景颜色color: white;//设置字体颜色padding: 14px 25px;//设置内边距，上下：14px,右左：25pxtext-align: center; //文本居中text-decoration: none; //文本装饰设置没有display: inline-block; //设置行内块元素，结合了行内和块级的特点，可以设置长宽，可以让padding和margin生效，和其他行内元素并排
}a:hover, a:active {//鼠标悬停、点击background-color: red;
}
</style>
</head>
<body><a href="/index.html" target="_blank" >按钮</a></body>
效果：
未鼠标悬停、未点击的效果：
鼠标悬停：
