链接属性
百度 淘宝 京东 |
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>链接属性</title> <style> table{ font-family: "楷体"; font-size: 33px; 280px; text-align: center; border-collapse: collapse; background-color: lightsteelblue; } /*按照 a:link, a:visited, a:hover,a:active顺序写*/ /*伪类别选择器*/ /*普通样式*/ a:link,a:visited{ color: darksalmon; background-color: lightsteelblue; text-decoration: none; } /*访问过的样式*/ /*a:visited{ color: darksalmon; background-color: lightsteelblue; text-decoration: none; }*/ /*鼠标悬浮在上面的样式*/ a:hover{ color: lightslategray; background-color: seagreen; } /*激活状态的样式*/ a:active{ color: red; background-color: black; } </style> </head> <body> <table> <tr> <td> <a href="http://www.baidu.com">百度</a> <a href="http://www.taobao.com">淘宝</a> <a href="http://www.JD.com">京东</a> </td> </tr> </table> </body> </html>