css 怎样更换背景图片?不动的那种~~~

html-css06

css 怎样更换背景图片?不动的那种~~~,第1张

分类: 电脑/网络 >>互联网

问题描述:

我换了就是没法取消模板自带的背景。。。

高手帮忙`

解析:

1.登录你的空间

2.点击设置-高级设置-自定义模板开始自定义-背景图片-无背景图片-保存修改

3.添加背景&固定背景语法如下:

body{background-image: url("背景图片地址")background-attachment: fixed}

把这句复制到body{background-color:#FFFFFF}下面去,再把括号里的“背景图片地址”(不包括引号)换成你要的图片的地址。

CSS能更换的图片,只能存在于样式中。所以,这个图片也只能是背景图片。

一般是结合:hover来实现的。例如:

.mydiv{

background:图片1  no-repeat

height:100px

widht:100px

}

.mydiv:hover{

background:图片2  no-repeat

}

这样就实现了图片1和图片2的鼠标移上去的切换。

CSS层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。

需要准备的材料分别有:电脑、浏览器、html编辑器。

1、首先,打开html编辑器,新建html文件,例如:index.html。

2、在index.html中的<style>标签中,输入css代码:

div{height: 80pxbackground: url(small3.png)}div:hover{background: url(small2.png)}。

3、浏览器运行index.html页面,此时div显示的背景图片是small3.png。

4、将鼠标移入div,此时背景图片自动变更成了small2.png。