CSS里鼠标点击div里的LI A时加上背景图片_IT百科

CSS里面没有点击事件，只能控制鼠标移入的时候显示！

小案例：

<!doctype html>

<html>

<head>

<title>CSS里鼠标点击div里的LI A时加上背景图片</title>

div:hover>a{background: url(img/5.jpg)}

</style>

</head>

<body>

<div>

</div>

</body>

</html>

案例截图：为进入

案例截图：进入

引用自定义图片

语法：list-style-image : none | url (url)

eg. li {list-style-image : url (image/aa.gif)}

引用系统图案

语法：

参数：

disc : 　CSS1　实心圆

circle : 　CSS1　空心圆

square : 　CSS1　实心方块

decimal : 　CSS1　阿拉伯数字

lower-roman : 　CSS1　小写罗马数字

upper-roman : 　CSS1　大写罗马数字

lower-alpha : 　CSS1　小写英文字母

upper-alpha : 　CSS1　大写英文字母

none : 　CSS1　不使用项目符号

armenian : 　CSS2　传统的亚美尼亚数字

cjk-ideographic : 　CSS2　浅白的表意数字

georgian : 　CSS2　传统的乔治数字

lower-greek : 　CSS2　基本的希腊小写字母

hebrew : 　CSS2　传统的希伯莱数字

hiragana : 　CSS2　日文平假名字符

hiragana-iroha : 　CSS2　日文平假名序号

katakana : 　CSS2　日文片假名字符

katakana-iroha : 　CSS2　日文片假名序号

lower-latin : 　CSS2　小写拉丁字母

upper-latin : 　CSS2　大写拉丁字母

说明：

设置或检索对象的列表项所使用的预设标记。

若list-style-image属性为none或指定图像不可用时，list-style-type属性将发生作用。

仅作用于具有display值等于list-item的对象（如li对象）。

注意：ol对象和ul对象的type特性为其后的所有列表项目（如li对象）指明列表属性。请参阅我的其他著作。

IE5.5尚不支持所有CSS2的值。

对应的脚本特性为listStyleType。请参阅我编写的其他书目。

示例：

li { list-style-type: square }

HTML代码如下：

<!DOCTYPE html>

<html>

<head>

<title>div+css中怎样将li前面的点换成图片</title>

<style>

ul{

list-style-image: url(img/5.jpg)

}

</style>

</head>

<body>

<div>

<ul>

</ul>

</div>

</body>

</html>

欢迎分享，转载请注明来源：内存溢出

原文地址:https://54852.com/bake/11563650.html

CSS里鼠标点击div里的LI A时加上背景图片

发表评论

评论列表（0条）