首页 > 代码库 > 向链接添加其他形式

向链接添加其他形式

2024-07-16 13:41:14   223人阅读

<style></style>

请把鼠标指针移动到下面的链接上，看看它们的样式变化。

这个链接改变颜色

这个链接改变字体尺寸

这个链接改变背景色

这个链接改变字体

这个链接改变文本的装饰

 

<!DOCTYPE html><html><head><style>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:‘微软雅黑‘;}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>请把鼠标指针移动到下面的链接上，看看它们的样式变化。</p><p><b><a class="one" href="http://home.cnblogs.com/penger/" target="_blank">这个链接改变颜色</a></b></p><p><b><a class="two" href="http://home.cnblogs.com/penger/" target="_blank">这个链接改变字体尺寸</a></b></p><p><b><a class="three" href="http://home.cnblogs.com/penger/" target="_blank">这个链接改变背景色</a></b></p><p><b><a class="four" href="http://home.cnblogs.com/penger/" target="_blank">这个链接改变字体</a></b></p><p><b><a class="five" href="http://home.cnblogs.com/penger/" target="_blank">这个链接改变文本的装饰</a></b></p></body></html>

 


联系
我们