a 的CSS 样式
来源：互联网 发布：观韬律所 知乎 编辑：程序博客网 时间：2024/05/18 03:26
<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>
- a 的CSS 样式
- A标签的css样式
- A标签的css样式
- A标签的css样式
- A标签的css样式
- a的样式设置css
- <a></a>链接的css样式
- a标签的css样式设计
- CSS:A标记样式
- HTML篇之CSS样式：<button></button>按钮变成超链接<a></a>的样式
- css修改a标签里面的title的样式
- css定义超级链接a标签里面的title的样式
- CSS控制<a>标签样式
- CSS之a链接样式
- [待整理]CSS定义了超链接A标记的样式
- FLASH8的CSS样式
- Css的样式
- css连接的样式！
- [abap] 20101215 日期转换为系统内部日期
- WebService之Axis2（2）：复合类型数据的传递
- JavaScript初学者应注意的七个细节
- [abap] 'REUSE_ALV_GRID_DISPLAY_LVC' 的用法
- as3 倒影
- a 的CSS 样式
- UVa OJ 113-Power of Cryptography
- [abap] smartforms句柄与以簇的方式存储数据
- Boosting和Bagging
- Spring Framework 开发参考手册
- [abap][转载] 关于SCREEN的一些常用语句
- PL/SQL Developer 8.02 在windows7 x64中的安装使用
- C#中实现同时上传多个附件
- 今日正式在csdn安家
