软件开发培训班 >> 编程开发 >> CSS

给超级链接增加其他样式

　　本文标签：给超级链接增加其他样式

<html> 
<head> 
<style type="text/css"> 
a.one:link {color: #ff0000} 
a.one:visited {color: #0000ff} 
a.one:hover {color: #ffcc00}

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> 
</head>

<body> 
<p>Mouse over the links to see them change layout.</P>

<p><b>This link changes color</b></P> 
<p><b>This link changes font-size</b></P><div class="tj_content hidden-xs"><table width=600 border=0 cellspacing=0 cellpadding=2 align=center class=title14><tr align=center><td><a href="http://www.zhujiangroad.com/mobile/news/2019/11m81005.html"  target=_blank > 手机曲面屏和普通屏，你更喜欢哪个？ </a></td><td><a href="http://www.zhujiangroad.com/hardware/news/2022/11a17710.html"  target=_blank > 买新电脑了？7个步骤教你避免买到翻新机 都是干货 </a></td></tr> <tr align=center><td><a href="http://www.zhujiangroad.com/web/news/2021/4m83142.html"  target=_blank > 问题待解又忙于破圈，小红书上市前的终极三问 </a></td><td><a href="http://www.zhujiangroad.com/software/news/2021/8m83719.html"  target=_blank > 还不如之前顺手 Win11这些删减引来大量吐槽 </a></td></tr></table></div> 
<p><b>This link changes background-color</b></P> 
<p><b>This link changes font-family</b></P> 
<p><b>This link changes text-decoration</b></P> 
</body>

</html>

技术文章快速查找

给超级链接增加其他样式

详解CSS伪元素的妙用单标签之美

CSS学习笔记Padding 属性中参数的定义与使用

css ie6 ie7 ff的CSS hack使用技巧

以前写的两个CSS树形菜单

display&position

表格隔行换色 css expression

CSS实战：灵活运行注释带来的益处

相关下载

在线教程导航

软件应用
·Windows8	·Windows7	·Word
·Excel	·PPT	·WPS
Web开发
·ASP	·JavaScript	·DIV+CSS
·JSP	·VbScript	·XML
·PHP
开发语言
·VB	·VC	·ASP.NET
·Java	·C++	·Delphi
数据库开发
·MySQL	·MsSQL	·Access
·Oracle	·DB2
手机系统
·Android	·iOS	·WindowsPhone
网站设计
·Flash	·Dreamweaver	·Fireworks
平面设计
·Photoshop	·CorelDraw	·AutoCAD
·3DsMAX	·Illustrator
网络技术
·网站运营	·网络安全	·网络搭建