a样式

原创 2012年03月23日 13:27:41
				<head> 
<style type="text/css">TD { 
    FONT-SIZE: 12px; FONT-FAMILY: 宋体 
} 
A { 
    FONT-SIZE: 9pt; FONT-FAMILY: "宋体"; TEXT-DECORATION: none 
} 
.t1 { 
    COLOR: #cc0000; TEXT-DECORATION: underline 
} 
.t2 { 
    COLOR: #006699; TEXT-DECORATION: none 
} 
.t3 { 
    COLOR: #006600; TEXT-DECORATION: underline overline 
} 
.t4 { 
    COLOR: #0066ff; TEXT-DECORATION: line-through 
} 
.t5 { 
    BORDER-RIGHT: #ff0000 1px solid; BORDER-TOP: #ff0000 1px solid; BORDER-LEFT: #ff0000 1px solid; COLOR: #000099; BORDER-BOTTOM: #ff0000 1px solid; HEIGHT: 20px 
} 
.t6 { 
    BORDER-RIGHT: #ff0000 0px solid; BORDER-TOP: #ff0000 0px solid; BORDER-LEFT: #ff0000 0px solid; COLOR: #0066ff; BORDER-BOTTOM: #ff0000 1px solid; HEIGHT: 0px 
} 
.38js { 
    FONT-SIZE: 9pt; FONT-FAMILY: "宋体"; TEXT-DECORATION: none 
} 
.t7 { 
    BORDER-RIGHT: #ff0000 0px solid; BORDER-TOP: #ff0000 0px solid; PADDING-BOTTOM: 5px; BORDER-LEFT: #ff0000 0px solid; COLOR: #0066ff; BORDER-BOTTOM: #ff0000 1px solid; HEIGHT: 0px 
} 
.t8 { 
    BORDER-RIGHT: #ff0000 0px solid; BORDER-TOP: #ff0000 0px solid; BORDER-LEFT: #ff0000 0px solid; WIDTH: 200px; COLOR: #0066ff; BORDER-BOTTOM: #ff0000 1px solid; HEIGHT: 0px; TEXT-ALIGN: center 
} 
.t9 { 
    BORDER-RIGHT: #ff0000 0px double; BORDER-TOP: #ff0000 0px double; BORDER-LEFT: #ff0000 0px double; COLOR: #0066ff; BORDER-BOTTOM: #ff0000 3px double; HEIGHT: 0px 
} 
.t10 { 
    BORDER-RIGHT: #ffff00 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #ffff00 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; BORDER-LEFT: #ffff00 1px solid; COLOR: #ffff00; PADDING-TOP: 5px; BORDER-BOTTOM: #ffff00 1px solid; HEIGHT: 20px; BACKGROUND-COLOR: #990000 
} 
.t11 { 
    BORDER-RIGHT: #d9dee8 2px outset; PADDING-RIGHT: 2px; BORDER-TOP: #d9dee8 2px outset; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; BORDER-LEFT: #d9dee8 2px outset; WIDTH: 150px; PADDING-TOP: 2px; BORDER-BOTTOM: #d9dee8 2px outset; HEIGHT: 25px; BACKGROUND-COLOR: #d9dee8; TEXT-ALIGN: center 
} 
.t12 { 
    BORDER-RIGHT: #0000cc 1px solid; PADDING-RIGHT: 4px; BORDER-TOP: #0000cc 1px solid; PADDING-LEFT: 4px; FILTER: Blur(Add=1, Direction=45, Strength=2); PADDING-BOTTOM: 4px; BORDER-LEFT: #0000cc 1px solid; WIDTH: 130px; COLOR: #006699; PADDING-TOP: 4px; BORDER-BOTTOM: #0000cc 1px solid; HEIGHT: 25px; TEXT-ALIGN: center; TEXT-DECORATION: none 
} 
.t13 { 
    PADDING-LEFT: 5px; FONT-SIZE: 12px; BACKGROUND-IMAGE: url(bk3.gif); WIDTH: 120px; COLOR: #ffff00; PADDING-TOP: 6px; FONT-FAMILY: "宋体"; HEIGHT: 25px; TEXT-ALIGN: center; TEXT-DECORATION: none 
} 
.t13:hover { 
    PADDING-LEFT: 5px; BACKGROUND-IMAGE: url(bk4.gif); WIDTH: 120px; COLOR: #ffffff; PADDING-TOP: 6px; HEIGHT: 25px; TEXT-ALIGN: center; TEXT-DECORATION: none 
} 
.t14 { 
    PADDING-LEFT: 5px; FONT-SIZE: 12px; BACKGROUND-IMAGE: url(bk1.gif); WIDTH: 120px; COLOR: #ffff00; PADDING-TOP: 5px; FONT-FAMILY: "宋体"; HEIGHT: 25px; TEXT-DECORATION: none 
} 
.t14:hover { 
    PADDING-LEFT: 5px; BACKGROUND-IMAGE: url(bk2.gif); WIDTH: 120px; COLOR: #000000; PADDING-TOP: 5px; HEIGHT: 25px; TEXT-DECORATION: none 
} 
.t1:hover { 
    COLOR: #0000ff; TEXT-DECORATION: underline 
} 
.t2:hover { 
    COLOR: #339900; TEXT-DECORATION: underline 
} 
.t3:hover { 
    COLOR: #9900cc; TEXT-DECORATION: none 
} 
.t4:hover { 
    COLOR: #ff0099; TEXT-DECORATION: none 
} 
.t5:hover { 
    BORDER-RIGHT: #0000ff 1px solid; BORDER-TOP: #0000ff 1px solid; BORDER-LEFT: #0000ff 1px solid; COLOR: #cccc00; BORDER-BOTTOM: #0000ff 1px solid; HEIGHT: 20px 
} 
.t6:hover { 
    BORDER-RIGHT: #00ff00 0px solid; BORDER-TOP: #00ff00 0px solid; BORDER-LEFT: #00ff33 0px solid; COLOR: #0066ff; BORDER-BOTTOM: #00ff33 1px solid; HEIGHT: 0px 
} 
.38js:hover { 
    FONT-SIZE: 12px; LEFT: 1px; COLOR: #009900; FONT-FAMILY: "宋体"; POSITION: relative; TOP: 1px 
} 
.t7:hover { 
    BORDER-RIGHT: #ff0000 0px solid; BORDER-TOP: #ff0000 0px solid; PADDING-BOTTOM: 2px; BORDER-LEFT: #ff0000 0px solid; COLOR: #990000; BORDER-BOTTOM: #ff0000 1px solid; HEIGHT: 0px 
} 
.t8:hover { 
    BORDER-RIGHT: #ff0000 0px solid; BORDER-TOP: #ff0000 0px solid; BORDER-LEFT: #ff0000 0px solid; WIDTH: 170px; COLOR: #336600; BORDER-BOTTOM: #ff0000 1px solid; HEIGHT: 0px; TEXT-ALIGN: center 
} 
.t9:hover { 
    BORDER-RIGHT: #ff0000 0px double; BORDER-TOP: #ff0000 0px double; BORDER-LEFT: #ff0000 0px double; COLOR: #0066ff; BORDER-BOTTOM: #ff0000 5px double; HEIGHT: 0px 
} 
.t10:hover { 
    BORDER-RIGHT: #0000ff 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #0000ff 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; BORDER-LEFT: #0000ff 1px solid; COLOR: #333333; PADDING-TOP: 5px; BORDER-BOTTOM: #0000ff 1px solid; HEIGHT: 20px; BACKGROUND-COLOR: #c8d8f0 
} 
.t11:hover { 
    BORDER-RIGHT: #99ccff 1px outset; PADDING-RIGHT: 2px; BORDER-TOP: #99ccff 1px outset; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; BORDER-LEFT: #99ccff 1px outset; WIDTH: 150px; PADDING-TOP: 2px; BORDER-BOTTOM: #99ccff 1px outset; HEIGHT: 25px; BACKGROUND-COLOR: #c8d8f0; TEXT-ALIGN: center 
} 
.t12:hover { 
    BORDER-RIGHT: #0000cc 1px solid; PADDING-RIGHT: 4px; BORDER-TOP: #0000cc 1px solid; PADDING-LEFT: 4px; FILTER: Blur(Add=1, Direction=45, Strength=1); PADDING-BOTTOM: 4px; BORDER-LEFT: #0000cc 1px solid; WIDTH: 130px; COLOR: #006699; PADDING-TOP: 4px; BORDER-BOTTOM: #0000cc 1px solid; HEIGHT: 25px; TEXT-ALIGN: center; TEXT-DECORATION: none 
} 
.txt10 { 
    LINE-HEIGHT: 15px 
} 

<!-- 此特效使用网页特效制作专家编辑制作--> 
<!-- http://wd365.nease.net--> 

<!-- 使用说明:使用时将文字换成你需要的文字即可!--> 
</style> 
</head> 

<body leftMargin="0" topMargin="0"> 
<b><font color="#0099cc" size="4"> 
<p align="center">脚本特效展示</font></b><br> 
<br> 
</p> 
<div align="center"><center> 

<table borderColor="#0099cc" cellSpacing="0" borderColorDark="#0099cc" cellPadding="15" 
width="450" borderColorLight="#0099cc" border="1"> 
<TBODY> 
  <tr> 
    <td height="56"><div align="center"><center><table cellSpacing="1" cellPadding="5" 
    width="300" align="center" bgColor="#cccccc" border="0"> 
<TBODY> 
      <tr align="middle" 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><a class="t1" href="#">普通链接</a></td> 
      </tr> 
      <tr bgColor="#ffffff"> 
        <td>2、</td> 
        <td><a class="t2" href="#">无下划线链接</a></td> 
      </tr> 
      <tr bgColor="#ffffff"> 
        <td>3、</td> 
        <td><a class="t3" href="#">双划线链接</a></td> 
      </tr> 
      <tr bgColor="#ffffff"> 
        <td>4、</td> 
        <td><a class="t4" href="#">删除线链接</a></td> 
      </tr> 
      <tr bgColor="#cccccc"> 
        <td>二、</td> 
        <td>进阶链接样式风格</td> 
      </tr> 
      <tr bgColor="#ffffff"> 
        <td>1、</td> 
        <td><a class="t5" href="#">另类下划线的原理</a></td> 
      </tr> 
      <tr bgColor="#ffffff"> 
        <td>2、</td> 
        <td><a class="t6" href="#">定制下划线色彩</a></td> 
      </tr> 
      <tr bgColor="#ffffff"> 
        <td>3、 </td> 
        <td><a class="t7" href="#">定制下划线距离</a></td> 
      </tr> 
      <tr bgColor="#ffffff"> 
        <td>4、 </td> 
        <td><a class="t8" href="#">定制下划线长度和对齐方式</a></td> 
      </tr> 
      <tr bgColor="#ffffff"> 
        <td>5、 </td> 
        <td><a class="t9" href="#">定制双下划线</a></td> 
      </tr> 
      <tr bgColor="#ffffff"> 
        <td>6、 </td> 
        <td><a class="38js" href="#">按钮式链接</a></td> 
      </tr> 
      <tr bgColor="#cccccc"> 
        <td>三、</td> 
        <td>高级链接样式风格</td> 
      </tr> 
      <tr bgColor="#ffffff"> 
        <td>1、</td> 
        <td><a class="t10" href="#">定义块状链接</a></td> 
      </tr> 
      <tr bgColor="#ffffff"> 
        <td>2、</td> 
        <td><a class="t11" href="#">定义按钮风格的链接</a></td> 
      </tr> 
      <tr bgColor="#ffffff"> 
        <td>3、</td> 
        <td><a class="t12" href="#">定义特效链接</a></td> 
      </tr> 
      <tr bgColor="#ffffff"> 
        <td>4、</td> 
        <td><a class="t13" href="#">静态背景切换链接</a></td> 
      </tr> 
      <tr bgColor="#ffffff"> 
        <td>5、</td> 
        <td><a class="t14" href="#">动态背景切换链接</a></td> 
      </tr> 
</TBODY> 
    </table> 
    </center></div></td> 
  </tr> 
</TBODY> 
</table> 
</center></div> 
</body> 
				

相关文章推荐

QT Qss样式表 ppt和pdf学习文件

  • 2017年11月15日 18:59
  • 8.04MB
  • 下载

第 10 章 css 样式设置小技巧

水平居中设置-行内元素 水平居中设置-定宽块状元素 水平居中总结-不定宽块状元素方法 一 水平居中总结-不定宽块状元素方法 二 水平居中总结-不定宽块状元素方法 三 垂直居中-父元素高度确定的单行文本...

HTML后台样式源码

  • 2017年11月06日 11:35
  • 2.43MB
  • 下载

前台框架EasyUI的弹出框dialog,样式调整总结

项目开发使用到了前台框架EasyUI进行开发,因为它开发简单,容易入手,有详细的api支持,能够加快项目的开发进度,降低项目开发成本。   下面对最近使用到的关于EasyUI的弹出框dialog,样式...

IOS8风格进度条样式

  • 2017年10月31日 16:35
  • 1KB
  • 下载

layer样式前端系统模板

  • 2017年10月25日 11:43
  • 1.49MB
  • 下载

HTML基础学习-10-CSS样式学习

HTML基础学习-10-CSS样式学习
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:a样式
举报原因:
原因补充:

(最多只允许输入30个字)