css li 继承背景图

html-css011

css li 继承背景图,第1张

1、背景属性不能叠加。

2、CSS 3 才支持多背景图，需要重复写两次，但是IE9以下不支持

3、可以把a的display设成block，然后把.hover的背景图指给下面的a元素

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

小案例：

<!doctype html>

<html>

    <head>

        <meta charset="utf-8">

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

        <style type="text/css">

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

        </style>

    </head>

    <body>

        <div>

         <a href="">百度知道</a>

        </div>

    </body>

</html>

案例截图：为进入

案例截图：进入

背景填充background-image:

他填充的位置包括padding的位置，因为padding是内框里面的部分。而定义的width  和 height 的大小是是加上可以输入html内容的大小。

border边框是最外边的在padding的外面，

例如：.divs{width:50pxheight:15pxpadding:20pxborder:1px solid red}

<div class="divs">这里面是实际宽度</div>

你会发现border框会随着padding有无而变化。

而背景background-image也会随着padding的有无而出现填充位置的变化。

希望可以帮到你。不明白可以继续问我。

给你插一个我画的图吧。