HTML一个页面有多个a标签,怎么写才能让a标签显示不同的样式
HTML一个页面有多个a标签,怎么写才能让a标签显示不同的样式，不同标签的class怎么写a:link？a:active？class的怎么写...
HTML一个页面有多个a标签,怎么写才能让a标签显示不同的样式 ，不同标签的class 怎么写 a:link ？ a:active ？ class的怎么写
展开
4个回答
展开全部
举个例子说明吧，
假如我有两个<a>，如下：
<a class="xiao" href="#">第一个链接</a>
<a class="da" href="#">第二个链接</a>
那我在这个页面分别定义了两个类，如下：
<style type="text/css">
.xiao
{
font-size: 10px;
}
.da
{
font-size: 24px;
}
</style>
就OK了，完整的HTML代码如下：
<html>
<head>
<title>测试用的</title>
<style type="text/css">
.xiao
{
font-size: 10px;
}
.da
{
font-size: 24px;
}
</style>
</head>
<body>
<p><a class="xiao" href="#">第一个链接</a></p>
<p><a class="da" href="#">第二个链接</a></p>
</body>
</html>
假如我有两个<a>，如下：
<a class="xiao" href="#">第一个链接</a>
<a class="da" href="#">第二个链接</a>
那我在这个页面分别定义了两个类，如下：
<style type="text/css">
.xiao
{
font-size: 10px;
}
.da
{
font-size: 24px;
}
</style>
就OK了，完整的HTML代码如下：
<html>
<head>
<title>测试用的</title>
<style type="text/css">
.xiao
{
font-size: 10px;
}
.da
{
font-size: 24px;
}
</style>
</head>
<body>
<p><a class="xiao" href="#">第一个链接</a></p>
<p><a class="da" href="#">第二个链接</a></p>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
a标签有4中状态 一个是 默认的时候 鼠标放上去的时候 点击的时候 点击后的时候想要代码 给我留言 谢谢我可以马上给你写一个
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
给不同的a添加不同的样式名称， a.da{font-size:14px;} a.da:hover{ color:#f00;}
a.xiao{ font-size:12px;} a.xiao:hover{ color:#ccc;}
a.xiao{ font-size:12px;} a.xiao:hover{ color:#ccc;}
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
你这只是伪类，要不同的样式你可以定义不同的类，a.classA A.classB 不同的标签给不同的类
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
