注册 登录
编程论坛 WEB前端(UI)

[求助]如何在同一页面实现两种不同的超连接样式呢

dushui265 发布于 2007-10-01 20:36, 1300 次点击
如何在同一页面添加两种不同的超连接样式呢???
9 回复
#2
huangyong2007-10-02 00:23

先把代码贴出来:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>一个页面文字链接做不同样式</title>
<style type="text/css">
body { font-size:12px; text-align:center; margin:50px; padding: 0px; color:#000000; background-color:#E9E9E9;}
table {font-size:12px; line-height:2; float:left; margin-left:20px; border:1px #CCCCCC solid;}

.box1 a { color:#000000; font-size:12px;}
.box1 a:link { color: #000000; text-decoration: none;}
.box1 a:visited { text-decoration: none; color: #000000;}
.box1 a:hover { text-decoration: underline; color:#FF0000;}
.box1 a:active { text-decoration: none; color: #000000;}

.box2 a { color:#0000FF; font-size:12px;}
.box2 a:link { color: #0000FF; text-decoration: none;}
.box2 a:visited { text-decoration: none; color: #0000FF;}
.box2 a:hover { text-decoration: underline; color:#FF00FF;}
.box2 a:active { text-decoration: none; color: #0000FF;}
</style>
</head>

<body>
<center>
<table width="350" border="0" cellpadding="3" cellspacing="0" class="box1">
<tr>
<td align="left"><a href=" <a href="http://bbs.bc-cn.net">·欢迎来到编程论坛,中国最大的编程社区。</a><br />
<a href="http://bbs.bc-cn.net">·欢迎来到编程论坛,中国最大的编程社区。</a><br />
<a href="http://bbs.bc-cn.net">·欢迎来到编程论坛,中国最大的编程社区。</a><br />
<a href="http://bbs.bc-cn.net">·欢迎来到编程论坛,中国最大的编程社区。</a></td>
</tr>
</table>
<table width="350" border="0" cellpadding="3" cellspacing="0" class="box2">
<tr>
<td align="left"><a href="http://bbs.bc-cn.net">·欢迎来到编程论坛,中国最大的编程社区。</a><br />
<a href="http://bbs.bc-cn.net">·欢迎来到编程论坛,中国最大的编程社区。</a><br />
<a href="http://bbs.bc-cn.net">·欢迎来到编程论坛,中国最大的编程社区。</a><br />
<a href="http://bbs.bc-cn.net">·欢迎来到编程论坛,中国最大的编程社区。</a><br />
<a href="http://bbs.bc-cn.net" target="_blank">https://bbs.bc-cn.net">·欢迎来到编程论坛,中国最大的编程社区。</a><br />
<a href="http://bbs.bc-cn.net">·欢迎来到编程论坛,中国最大的编程社区。</a><br />
<a href="http://bbs.bc-cn.net">·欢迎来到编程论坛,中国最大的编程社区。</a><br />
<a href="http://bbs.bc-cn.net">·欢迎来到编程论坛,中国最大的编程社区。</a><br />
<a href="http://bbs.bc-cn.net">·欢迎来到编程论坛,中国最大的编程社区。</a></td>
</tr>
</table>
<table width="350" border="0" cellpadding="3" cellspacing="0" class="box2">
<tr>
<td align="left"><a href="http://bbs.bc-cn.net">·欢迎来到编程论坛,中国最大的编程社区。</a><br />
<a href="http://bbs.bc-cn.net">·欢迎来到编程论坛,中国最大的编程社区。</a><br />
<a href="http://bbs.bc-cn.net">·欢迎来到编程论坛,中国最大的编程社区。</a><br />
<a href="http://bbs.bc-cn.net">·欢迎来到编程论坛,中国最大的编程社区。</a><br />
<a href="http://bbs.bc-cn.net
">·欢迎来到编程论坛,中国最大的编程社区。</a></td>
</tr>
</table>
</center>
</body>
</html>

下面是页面文件,点击直接下载。

只有本站会员才能查看附件,请 登录
#3
dushui2652007-10-02 09:31
回复:(huangyong)先把代码贴出来:

真是太好了,谢谢你的宝贵帖子!!!及时,及时!以后真得好好向你学习,感激不尽。

#4
huangyong2007-10-03 14:21
呵呵,不客气啦!大家互相帮助,共同进步嘛!
#5
weijinwei2007-10-09 16:32
    我也是湖北天门,以后有什么asp的问题,就问你了。。。。。
#6
xuwenxing2007-10-12 10:23

好东西,收下,谢谢楼主!

#7
huangyong2007-10-15 21:38
呵呵,大家一起学习,共同进步!
#8
左手na刀2007-10-19 10:25

原来需要这样设置,谢谢斑竹

#9
lthiy2007-10-23 18:52
我也是个网页初学者
谢谢版主的代码和文件
#10
疯狂的探索者2007-11-08 17:07
不错
1