给超级链接增加其他样式

302 查看

给超级链接增加其他样式

a.two:link {color: #ff0000} 
a.two:visited {color: #0000ff} 
a.two:hover {font-size: 150%}

a.three:link {color: #ff0000} 
a.three:visited {color: #0000ff} 
a.three:hover {background: #66ff66}

a.four:link {color: #ff0000} 
a.four:visited {color: #0000ff} 
a.four:hover {font-family: monospace}

a.five:link {color: #ff0000; text-decoration: none} 
a.five:visited {color: #0000ff; text-decoration: none} 
a.five:hover {text-decoration: underline} 
</style>

Mouse over the links to see them change layout.

<a class="one" href="#" target="_blank">This link changes color</a> 
<a class="two" href="#" target="_blank">This link changes font-size</a> 
<a class="three" href="#" target="_blank">This link changes background-color</a> 
<a class="four" href="#" target="_blank">This link changes font-family</a> 
<a class="five" href="#" target="_blank">This link changes text-decoration</a>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

让文字的第一行特殊化

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

最近更新的内容

CSS Gradient详解
JS核心系列：浅谈 call apply 与 bind
JS核心系列：浅谈原型对象和原型链
利用bootstrap的modal组件自定义alert，confirm和modal对话框
前端工程师是怎样一种职业
详解Javascript中的Object对象
JavaScript 开发最佳实践
谈笑风生组件化
彻底理解js中this的指向
javascript 作用域和 this 关键字

你可能感兴趣的文章

6本值得一读的JavaScript英文电子书
在JavaScript中一切都是对象吗？
使用 SVG 输出 Octicon
如何压缩 HTTP 请求正文
谈谈 HTTP/2 的协议协商机制
console对象–详解
HTTP 412 错误 – 先决条件失败 (Precondition failed)
CSS vs JS动画：谁更快？
调试时屏蔽JavaScript库代码 –Chrome DevTools Blackbox功能介绍
Web开发者色彩搭配快速指南

2024 - 快车库 - 我的知识库重庆启连科技有限公司渝ICP备16002641号-10
企客连连表单助手企服开发榜单123