html中鼠标如何设置显示小手状?

html-css015

html中鼠标如何设置显示小手状?,第1张

材料/工具: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>

HTML是超文本标记语言,标准通用标记语言下的一个应用。“超文本”就是指页面内可以包含图片、链接,甚至音乐、程序等非文字元素。

超文本标记语言的结构包括“头”部分(英语:Head)、和“主体”部分(英语:Body),其中“头”部提供关于网页的信息,“主体”部分提供网页的具体内容。

网页的本质就是超级文本标记语言,通过结合使用其他的Web技术,可以创造出功能强大的网页。因而,超级文本标记语言是万维网编程的基础,也就是说万维网是建立在超文本基础之上的。

扩展资料:

HTML语言作为一种网页编辑语言,易学易懂,能制作出精美的网页效果,其作用如下:

1、格式化文本。如设置标题、字体、字号、颜色设置文本的段落、对齐方式等。

2、建立超链接。通过超链接检索在线的信息,只需用鼠标单击,就可以到达任何一处。

3、创建列表。把信息用一种易读的方式表现出来。

4、插入图像。使网页图文并茂,还可以设置图像的各种属性,如大小、边框、布局等。

5、建立表格。表格为浏览者提供快速找到需要信息的显示方式,还能用表格来设定整个网页布局。

6、加入多媒体。可以在网页中加入音频、视频、动画,还能设定播放的时间和次数。

7、交互式窗体、计数器等。为获取远程服务而设计窗体,可用于检索信息、定购产品等。

参考资料:百度百科-HTML