主站经典论坛家园作品集 Think.Pages 维基桌面聚合

经典论坛 » 前台制作与脚本专栏 » 这个超链接样式要怎么写？

打印

这个超链接样式要怎么写？

yaoyaoqi [楼主]

wqueen

中级会员

帖子: 140
体力: 342
威望: 0
当前: 北京朝阳区
离线: 5 天

1^# 大中小发表于 2008-6-27 15:58

提示：您可以先修改部分代码再运行

我想定义a中class为l1、l2单独的样式，比如加不同的背景颜色

TOP

做西部数码代理.Cn1元国际45元 | IT专家提醒您此帖已被关注

wend1234

暗夜灰眸

中级会员

帖子: 166
体力: 299
威望: 0
当前: 北京朝阳区
离线: 19 天

专长 网页设计,前端制作,SEO

2^# 大中小发表于 2008-6-27 16:08

我怎么就没明白呢。,....

来打酱油的

TOP

【美橙超级G空间】688元绑定10个子目录

hansir

時光

银牌会员

帖子: 1871
体力: 1361
威望: 3
当前: 北京西城区
离线: 1 天

专长 前端制作,JS,PHP

3^# 大中小发表于 2008-6-27 16:12

开头为数字好象不好使...

博客：http://www.hansir.cn

TOP

请大家尊重和保护奥运知识产权。

yaoyaoqi [楼主]

wqueen

中级会员

帖子: 140
体力: 342
威望: 0
当前: 北京朝阳区
离线: 5 天

4^# 大中小发表于 2008-6-27 16:17

这个没关系，就是单独为一个超链接加一个样式，和其它的不同

TOP

还在为头像烦恼?还在为不能关注好友动态烦忧?快来蓝色理想家园吧!

th241

中级会员

帖子: 111
体力: 243
威望: 0
当前: 北京朝阳区

5^# 大中小发表于 2008-6-27 16:22

提示：您可以先修改部分代码再运行

[ 本帖最后由 th241 于 2008-6-27 16:51 编辑 ]

爱生活爱拉灯自然美

TOP

jasu

雪兔

中级会员

帖子: 383
体力: 478
威望: 0
当前: 浙江杭州
离线: 18 天

专长 网页设计,UI,前端制作

6^# 大中小发表于 2008-6-27 16:24

提示：您可以先修改部分代码再运行

TOP

yaoyaoqi [楼主]

wqueen

中级会员

帖子: 140
体力: 342
威望: 0
当前: 北京朝阳区
离线: 5 天

7^# 大中小发表于 2008-6-27 16:27

谢谢大家了

TOP

lean980131

新手上路

帖子: 9
体力: 21
威望: 0
离线: 51 天

8^# 大中小发表于 2008-6-27 16:28

虽然用数字作为样式的名字不好，不过意思大概了解；添加一些CSS就可以了，针对你的问题，重点是最后三行！

<!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>
</head>
<style>
.tabs, .tabs ul {margin:0;padding:0;}
.tabs li {list-style:none;width:96px;height:36px;margin:4px 0;font-weight:bold;text-align:left;line-height:36px;}
.tabs li a {display:block;}
.tabs li a:hover {background: #B9E9FF;color:#FF4017;}
li a.aa {color:#28B3A8;background:#BD3EBA;}
li a.bb {color:#28B3A8;background:#3D9841;}
li a.cc {color:#28B3A8;background:#8A6F48;}
</style>
<body>
<div class="tabs">
	     <ul>
		   <li><a href="#" title="男装" class="aa">男装</a></li>
           <li><a href="#" title="套装/连衣裙" class="bb">套装/连衣裙</a></li>
           <li><a href="#" title="上装" class="aa">上装</a></li>
           <li><a href="#" title="下装" class="aa">下装</a></li>
           <li><a href="#" title="时尚配饰" class="cc"> 时尚配饰</a></li>
		 </ul>
</div>
</body>
</html>

提示：您可以先修改部分代码再运行

TOP

‹‹ 上一主题 | 下一主题 ››