css为图片设置背景图片

ttx9n · 发表于 2008-9-22 15:01:52

为图片设置背景图片，是一个非常搞的实例。这句话或许就感觉有点好玩。我们为以IMG标签引入页面的图片设置背景图片。 CSS的功能是非常强大的，对于元素的表现以及页面的布局，都提供了非常强大的功能，这主要在于我们灵活的运行，在这方面提供了丰富且富含价值的各种教程与信息。对于图片的使用，其实更多的是在内容层。根据WEB标准的思路，表现层的图片，已经都被分离到CSS中去了。只有作为内容的图片才能以IMG标签插入在页面中，这也是一直强调的语义。

　　为图片设置背景图片，是一个非常搞的实例。这句话或许就感觉有点好玩。我们为以IMG标签引入页面的图片设置背景图片。这样的应用范围或许并不大，但可以锻炼你的思路，让你理解元素在HTML与CSS中的意义与灵活性。
我们看下面的代码。

　　<img scr="jb51.jpg" />
　　这是以img标签将图片引入到页面中。

　　我们再编写CSS。

img {
display:block;
width:443px;
height:60px;
padding-bottom:10px;
background:url(jb52bg.jpg) no-repeat left bottom;
}
　　将img元素转换为块元素，设置宽和高。设置下侧的内边距为10px。为背景图片显示出来预留一定的空间。最后定义背景图片即可。
　　　由此小实例，可以看出CSS的灵活和强大的功能。

kwzc65wdj · 发表于 2022-8-16 07:17:30

激动人心，无法言表！

5vulod · 发表于 2022-9-1 06:55:27

数据库了多久撒快乐的健身卡啦

dm00ji1s · 发表于 2022-12-24 16:32:55

好东西一定要看看！

溪谷小兵 · 发表于 2023-2-5 08:06:21

呵呵呵呵呵呵

pb_tjc · 发表于 2023-7-5 19:39:52

这个源码不错啊

6ox8dn · 发表于 2023-8-21 05:35:32

66666666666666666666

fwn2rd · 发表于 2023-8-30 04:02:48

哟哟哟哟哟以偶

adm1n · 发表于 2024-5-4 10:35:51

激动人心，无法言表！

sykzus · 发表于 2024-7-2 11:28:09

啪啪啪生怕PSP怕

账号		自动登录	找回密码
密码			立即注册

[CSS/HTML] css为图片设置背景图片

相关帖子