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

　　为图片设置背景图片，是一个非常搞的实例。这句话或许就感觉有点好玩。我们为以IMG标签引入页面的图片设置背景图片。这样的应用范围或许并不大，但可以锻炼你的思路，让你理解元素在HTML与CSS中的意义与灵活性。
　　本文作者：52CSS.com 如需转载请建立本站链接（http://www.52css.com/），并且不得随意改动文章内容、保留此版权声明文本！ 

　　看效果图：


　　上面的52CSS的LOGO和口号是图片。而下方的蓝色对角线是背景图片。我们准备好两张图片如下。



　　我们看下面的代码。


　　这是以img标签将图片引入到页面中。

　　我们再编写CSS。


　　将img元素转换为块元素，设置宽和高。设置下侧的内边距为10px。为背景图片显示出来预留一定的空间。最后定义背景图片即可。
　　本文作者：52CSS.com 如需转载请建立本站链接（http://www.52css.com/），并且不得随意改动文章内容、保留此版权声明文本！ 
　　由此小实例，可以看出CSS的灵活和强大的功能。.

• 上一篇:CSS菜单实例：CSS下拉菜单(无JS代码)
• 下一篇:HTML基础知识 段落

TAG: CSS 设置 图片 背景