材料/工具：css
1、打开前端开发软件，新建一个html代码页面
2、在新建的html代码页面上找到<body>,在这个<body>标签里创建一个标签，a案例中使用的是<a>。
代码：
<a href="">
大家好，鼠标放到我身上就可看到效果
</a>
3、为新家<a>添加鼠标指针为手指样式。在html代码页面中找到<tilte>,在这个<title>后面创建一个<style>，然后在<style>中新建一个样式类，最后为这个样式类添加鼠标指针样式。
代码：
<style type="text/css">
.pointer{
cursor: pointer
}
</style>
4、把鼠标指针样式添加到<a>标签上。
添加后的代码：
<a href="" class="pointer">
大家好，鼠标放到我身上就可看到效果
</a>
5、保存html代码后使用浏览器打开，当鼠标滑过<a>上的文字后即可看到鼠标变为了指针状态。可以直接复制以下代码到新建的html文件上，粘贴保存后使用浏览器打开即可看到效果。
所有代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>css设置鼠标指针</title>
<style type="text/css">
.pointer{
cursor: pointer
}
</style>
</head>
<body>
<a href="" class="pointer">
大家好，鼠标放到我身上就可看到效果
</a>
</body>
</html>
鼠标点击链接时的字体及其颜色变化的特效源代码:A:hover{font-:boldFONT-:#cc99ff}代码说明:这个代码的意义是鼠标经过链接时的特效.oblique是斜体的意思bold是粗体的意思13px代表文字的大小#cc99ff代表颜色.几个东西加在一起就是表示鼠标在经过链接时文字变成粗斜体,并且文字大小改变为13px,链接背景颜色变成淡紫色,颜色可以根据自己的需要进行修改.这段代码可以粘贴到已有内容的面板上,大小最好不要调了,颜色可以到这个网页找一种:,调好颜色,记下颜色的编码,复制过去替换上面代码中的#cc99ff,试试看吧^_^
1、方法一，利用html特性，每个标签都有一个title属性。当鼠标hover在该标签内容上时，浏览器展示出该标签的title内容，让鼠标移走，内容消失，如下：div{
height:100px
width:100px
background-color: aqua
}
<div title="我是鼠标悬停展示的内容">文字内容文字内容</div>
.on a{color:#8B8B8Bbackground:#EFEFEF url(phone.png) no-repeat 10px -30px}加个这个就好了，因为你写了鼠标经过的时候添加了个当前样式，给当前样式下的a添加颜色。。
A标签的属性：
1、href ：链接到的目标网址
2、color：超链接颜色
3、target：点击超链接后行为怎样发生
4、title：把鼠标放在超链接上，会显示title里的内容
4、font-size：超链接字体大小
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）