HTML代码问题:如何使鼠标悬停时出现禁止符号?

html-css08

HTML代码问题:如何使鼠标悬停时出现禁止符号?,第1张

一、html如何实现鼠标悬停显示文字:

(1)首先HTML布局

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>鼠标悬停</title>

</head>

<body>

<div title="我是鼠标悬停文字">我是一个DIV</div>

</body>

</html>

(2)代码图片显示:

(3)CSS样式图片显示:

悬停文字的问题 , 不用加CSS 给它加个title属性就可以了 , 浏览器会默认有这个样式的,最终显示的图片是:

你这想干嘛?是li的框样式设置不了,还是li的前面的序列标记设置不了,还是背景无法设置。

list-style-type: none这是设置不要序列前面的图标

list-style-image: none这是设置自定义序列前面的图标没有——多余了!

background: url("icon-r72.png"),如果是背景无法设置,看看你的你的图是不是放在同一个文件夹