今天在51.la论坛有网友问起"同一页面如何制作多种链接样式",于是自己就随手写了一个:CSS制作多种链接样式代码,结果却写错鸟,其实 多种链接样式制作方法 挺简单的,看看下面这个多种链接样式制作方法的实例,你就明白了如何用CSS制作多种链接样式了
浪漫烛光 www.langmanzg.com
浪漫烛光 www.langmanzg.com
浪漫烛光 www.langmanzg.com
CSS制作多种链接样式实例<br><br>
</div>
<div id="warp" align="right" style="padding-left:15px; padding-right:15px; WIDTH:95%; font-size:16px; line-height:20px;"> <br>
<br>
</div>
<div></div>
</td>
</tr>
<tr style="border-top-color:#FFFFFF">
<td height="36" valign="top" style=" border-collapse:collapse; border-top-color:#FFFFFF;padding-top:10px; padding-bottom:10px;">
<!--hr noshade size="1" width="97%" align="center"-->
不要再悲叹哀怨，切莫再有泪空弹。
用鲜花洗涤旧世，剑之锋血光闪闪。
<br>
</td>
</tr>
</table>
<table width="980" align="center" border="1" bordercolor="#739ACE" style="border-collapse:collapse ">
<tr style=" background-color:#FBFBEA; ">
<td width="16%" height="30" align="center">作者信息</td>
<td width="84%" colspan="3"> 主题:
<b>
HTML网页设计中关于CSS链接样式的说明18261</b>
</td>
</tr>
<tr>
<td width="16%" rowspan="2" align="center" valign="top" nowrap id="k1">
<br>
<table border="0" style="background-color:white; border-color:white;">
<tr>
<td nowrap>
<div align="center">白瑞德 </div></td></tr>
<tr>
<td nowrap><div align="center">
<p style=" padding-left:15px; line-height:16px; ">
<br>
发表主题：
2957
<br>
发表回复：
4616
<br>
网站暂行积分：
13487
</p>
</div></td>
</tr>
<div align="center">
<img src=Images/touxiang/332.jpg width=119.325842696629 height=120></img>
<tr>
<td nowrap><div align="center"><br>
【人类幸存者】 </div>
</td>
</tr>
<tr><td>
<br>
<form name="form2" method="post" action="forumview.asp">
<br>
</td></tr>
</table>
<br>
</td>
<td width="84%" height="235" valign="top" style=" padding-top:10px; padding-bottom:10px;">
发表时间：
2010-6-11 8:00:59
<!--判断是否锁帖-->
<!--判断，只有本人的帖子才允许编辑-->
<!--可编辑当前帖子的用户包括以下几类：1，发贴用户；2，管理员；3，版块管理员(如果一个板块有两个以上的管理员 互相不能修改对方发的帖子)-->
<!--总版主和板块管理员拥有全部的编辑权限-->
<!--可设置精华帖的用户权限，比上面的少一种，切记！-->
<!--允许注册用户收藏帖子-->
<!--可删除的帖子判断：如果是回复帖，而且当前登陆用户是“管理员”或者“版块管理员”；那么可以删除-->
<hr noshade size="1" width="97%" align="center">
<br>
<div style="padding-left:15px; font-size:14px; font-style:oblique ">
</div>
<div id="warp" style="padding-left:15px; padding-right:15px; WIDTH:95%; font-size:16px; line-height:20px;"> <br>
补充：有些属性你必须首先在页面上操作一次，比如说点击或者移动光标到链接，然后才能生效。<br><div style='font-size: {MSGFONTSIZE}'><!--{if $post['number'] == 1}--><font style='font-size:0px;color:#ffffff;display:none'>浪漫烛光 www.langmanzg.com<br><br></font><!--{/if}-->
比如说Link属性。<br><div style='font-size: {MSGFONTSIZE}'><!--{if $post['number'] == 1}--><font style='font-size:0px;color:#ffffff;display:none'>浪漫烛光 www.langmanzg.com<br><br></font><!--{/if}-->
<br><div style='font-size: {MSGFONTSIZE}'><!--{if $post['number'] == 1}--><font style='font-size:0px;color:#ffffff;display:none'>浪漫烛光 www.langmanzg.com<br><br></font><!--{/if}-->
如果在引用CSS文件和页面头CSS标签中重复定义链接样式，可能会出现问题，部分样式属性不能完全显示。<br><br>
</div>
<div id="warp" align="right" style="padding-left:15px; padding-right:15px; WIDTH:95%; font-size:16px; line-height:20px;"> <br>
<br>
</div>
<div></div>
</td>
</tr>
<tr style="border-top-color:#FFFFFF">
<td height="36" valign="top" style=" border-collapse:collapse; border-top-color:#FFFFFF;padding-top:10px; padding-bottom:10px;">
<!--hr noshade size="1" width="97%" align="center"-->
每当你几乎快被困难击倒，丧失斗志的时候，你就想想背后还有无数等你倒下捅刀子的SB，就充满了力量。
<br>
</td>
</tr>
</table>
<table width="980" align="center" border="1" bordercolor="#739ACE" style="border-collapse:collapse ">
<tr bgcolor="dadada" height="20">
<td colspan="9" align="right" style="height:25px; padding-right:5px; ">
<a href="register.asp" class="style_1">新用户注册</a>
<a href="forumlist.asp?c_board_id=17" class="style_1">返回首页</a>
</td>
</tr>
<tr bgcolor="dadada" height="20">
<td colspan="9" align="center" style="height:10px; ">
<form name='form1' method='post' action='forumview.asp'>首页 上一页 下一页 尾页 页次1/1 转到第<input type='text' name='PageNo_Url1' size='2' value=1>页<input type='hidden' name='c_message_no' value=1232 size='2'><input type='hidden' name='c_board_id' value=17 size='2'><input type='button' class=button1 value='确定' size='2' onClick='checkNum()'>
</td>
</form>
</tr>
</table>
</body>
</html>
