当前位置：首页 > 资讯 > 技术文档

用CSS打造多彩文字链接

时间：2022-10-03 13:14 编辑：来源：阅读：
扫一扫，手机访问

摘要：用CSS打造多彩文字链接

CSS打造多彩文字链接 
<meta content="text/html; charset=gb2312" http-equiv="Content-Type">

<table align="center" bgcolor="#CCCCCC" border="0" cellpadding="5" cellspacing="1" width="300"> 
  <tr align="center" bgcolor="#FFFFFF">  
    <td class="txt10" colspan="2">CSS打造多彩文字链接</td> 
  </tr> 
  <tr bgcolor="#CCCCCC">  
    <td>一、</td> 
    <td>初级链接样式</td> 
  </tr> 
  <tr bgcolor="#FFFFFF">  
    <td>1、</td> 
    <td>[url=http://www.1sucai.cn/article/8022.htm#]普通链接[/url]</td> 
  </tr> 
  <tr bgcolor="#FFFFFF">  
    <td>2、</td> 
    <td>[url=http://www.1sucai.cn/article/8022.htm#]无下划线链接[/url]</td> 
  </tr> 
  <tr bgcolor="#FFFFFF">  
    <td>3、</td> 
    <td>[url=http://www.1sucai.cn/article/8022.htm#]双划线链接[/url]</td> 
  </tr> 
  <tr bgcolor="#FFFFFF">  
    <td>4、</td> 
    <td>[url=http://www.1sucai.cn/article/8022.htm#]删除线链接[/url]</td> 
  </tr> 
  <tr bgcolor="#CCCCCC">  
    <td>二、</td> 
    <td>进阶链接样式风格</td> 
  </tr> 
  <tr bgcolor="#FFFFFF">  
    <td>1、</td> 
    <td>[url=http://www.1sucai.cn/article/8022.htm#]另类下划线的原理[/url]</td> 
  </tr> 
  <tr bgcolor="#FFFFFF">  
    <td>2、</td> 
    <td>[url=http://www.1sucai.cn/article/8022.htm#]定制下划线色彩[/url]</td> 
  </tr> 
  <tr bgcolor="#FFFFFF">  
    <td>3、 </td> 
    <td>[url=http://www.1sucai.cn/article/8022.htm#]定制下划线距离[/url]</td> 
  </tr> 
  <tr bgcolor="#FFFFFF">  
    <td>4、 </td> 
    <td>[url=http://www.1sucai.cn/article/8022.htm#]定制下划线长度和对齐方式[/url]</td> 
  </tr> 
  <tr bgcolor="#FFFFFF">  
    <td>5、 </td> 
    <td>[url=http://www.1sucai.cn/article/8022.htm#]定制双下划线[/url]</td> 
  </tr> 
  <tr bgcolor="#CCCCCC">  
    <td>三、</td> 
    <td>高级链接样式风格</td> 
  </tr> 
  <tr bgcolor="#FFFFFF">  
    <td>1、</td> 
    <td>[url=http://www.1sucai.cn/article/8022.htm#]定义块状链接[/url]</td> 
  </tr> 
  <tr bgcolor="#FFFFFF">  
    <td>2、</td> 
    <td>[url=http://www.1sucai.cn/article/8022.htm#]定义按钮风格的链接[/url]</td> 
  </tr> 
  <tr bgcolor="#FFFFFF">  
    <td>3、</td> 
    <td>[url=http://www.1sucai.cn/article/8022.htm#]定义特效链接[/url]</td> 
  </tr> 
  <tr bgcolor="#FFFFFF">  
    <td>4、</td> 
    <td>[url=http://www.1sucai.cn/article/8022.htm#]静态背景切换链接[/url]</td> 
  </tr> 
  <tr bgcolor="#FFFFFF">  
    <td>5、</td> 
    <td>[url=http://www.1sucai.cn/article/8022.htm#]动态背景切换链接[/url]</td> 
  </tr> 
  <tr align="right" bgcolor="#FFFFFF">  
    <td colspan="2">[url=http://www.webjx.com]网页教学网[/url]改编</td> 
  </tr> 
</table>

[Ctrl+A 全选注:[url=http://www.1sucai.cn/article/23421.htm]如需引入外部Js需刷新才能执行[/url]]

全部评论(0)

上一篇：DevExpress实现自定义TreeListNode的Tooltip的方法
下一篇：js实现的很酷的连接提示效果

资讯排行榜
更多>>