首页 > 代码库 > 链接属性
链接属性
链接属性
<style>table { font-family: "楷体"; font-size: 33px; width: 280px; text-align: center; border-collapse: collapse; background-color: lightsteelblue } a:link,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>百度 淘宝 京东 |
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>链接属性</title> <style> table{ font-family: "楷体"; font-size: 33px; width: 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>
链接属性
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。