css背景图片代码

html-css05

css背景图片代码,第1张

1、首先在电脑端找到Dw软件,进行打开操作,然后新建一个html文件。

2、新建文件完成之后,写入一个div代码操作,如图所示。

3、写入div代码之后,引入一个css样式,如图代码操作所示。

4、引入样式代码之后,打开引入的css.文件,如图所示。

5、在新引入的css文件中,写入css背景图片代码即可,如图所示。

那是两个背景图片 鼠标规划过后效果 代码例如:

#daohang a{ //daohang=ID名随意起

background-image:img1 //初始为红色小框背景图

}

#daohang li a:hover{

background-image:img2 //划过后变为黑色小框的背景图

}