Question

HTML一个页面有多个a标签,怎么写才能让a标签显示不同的样式

Answer 1

方法一、

给每一个a标签定义不同的ID值，举个栗子：

<!--定义以下样式：-->
<style type="text/css">
/*以 # 开头的样式为“ID”只可以用在一个标签上*/
#one{
color:red;
}
#two{
color:orange;
}

/*以 . 点点开头的样式为“类”可以用在多个标签上*/
.lei{
    /*颜色代码也可以*/
    color:#00cc33;
}
</style>

<a id="one"  href="#" >第一个A标签</a>
<a id="two"  href="#" >第二个A标签</a>

<a class="lei"  href="#" >第三个A标签</a>
<a class="lei"  href="#" >第四个A标签</a>
<!--上面两个标签的样式是一样的-->

方法二：

直接在a标签中增加style样式：

<a style="color:red;font-size:18px;" href="#" >第一个A标签</a>
<a style="color:#00cc33;font-size:12px;" href="#" >第二个A标签</a>