html a标签添加样式,a标签如何改变颜色

方法:1、使用“a{ color:颜色值; } ”语句设置a标签的文本颜色; 2、使用“a{ background-color:颜色值; } ”语句设置a标签的背景颜色。颜色值可以使用颜色名、十六进制数值、RGB或RGBA值、HSL或HSLA值来定义。

方法1:使用color属性设置文本颜色

Color属性指定文本的颜色。

方法2:使用background-color属性设置背景颜色

background-color属性设置一个元素的背景颜色。

html class 可以加在任何标签里面。

因为class是一个标签的类名的,然后在css文件里面使用这个类名对所含类名的标签进行样式修饰的,是所有的标签都是可以的,但是我们一般都是加载在身体标签里面,头部的标签里面是不会选择添加的,因为没有太大的意义头部标签浏览器是不会显示在页面上的。

示例代码如下:获取被点击的a标签的索引值创建Html元素

点击a标签获取其索引值:

我是第一个a标签

我是第二个a标签

我是第三个a标签

我是第四个a标签

设置css样式div.box{ width:300px; padding:20px; margin:20px; border:4px dashed #ccc; } div.box span{ color:#999; font-style:italic; } div.content{ width:250px; margin:10px 0; padding:20px; border:2px solid #ff6666; } a{ display:block; padding:5px; text-decoration:none; } .selected{ background:#99ccff; } 编写jquery代码$(function(){ $(“.content a”).click(function() { $(this).addClass(‘selected’); // 给被点击元素添加样式alert($(this).index()); } )} )观察效果:因为index从0开始计数,所以点击第三个元素,获取的索引值是2