文字链接是一个网页最基本元素，但默认的链接样式让我们感到十分乏味，但现在，您可以通过样式表CSS来定义不同的链接颜色，可以更好的与我们所设计的网页完美搭配，请点击下面的运行代码察看一个页面中多个链接样式的效果。

<style type="text/css"> <!-- /* Red link color ----------------------------------------------- */ .redLink a{ text-decoration:none; } .redLink a:link { color:#FF0000; } .redLink a:visited{ color:#FF0000; } .redLink a:hover{ color:#FF00FF; } .redLink a:active{ color:#FF0000; } /* Green link color ----------------------------------------------- */ .greenLink a{ text-decoration:none; } .greenLink a:link { color:#006600; } .greenLink a:visited{ color:#006600; } .greenLink a:hover{ color:#33FF00; } .greenLink a:active{ color:#006600; } --> </style> <p class="redLink"><a href="#">这个链接是红色的</a>　<a href="#">第一个链接</a></p> <p class="greenLink"><a href="#">这个链接是绿色的</a>　<a href="#">第二个链接</a></p>

• 文本新闻画中画广告效果