繁體中文当前位置: 首页 > 图文教程 > 网页制作 > CSS样式表 > css为图片设置背景图片
- CSS样式表
- CSS framework日常开发的经验总结
- DIV CSS网页布局的基础知识整理
- css教程:可读性可维护性良好的CSS文件
- css用import还是link的区别
- DIV CSS制作的个性水平导航菜单实例
- XHTML CSS制作样式风格切换的WEB站点
- 学DIV CSS技术,如何入门?
- CSS常用技巧十则
- 动态加载外部css或js文件
- CSS教程:css属性之媒体（Media）类型
- DIV与Table布局在大型网站的可用性比较
- CSS框架带来的效率提升
- 判断用户浏览器及分辨率调用不同的CSS样式文件
- CSS教程:创建性感的CSS样式表
- 实用的CSS常见的问题和技巧总结
- 根据时段自动切换网站的CSS风格
- CSS经典技巧20条总结
- CSS两种方式link和@import
- 比较全的CSS浏览器兼容问题整理总结
- CSS 学习心得
CSS样式表 中的 css为图片设置背景图片
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-10-12 浏览: 200 ::
收藏到网摘: n/a
为图片设置背景图片，是一个非常搞的实例。这句话或许就感觉有点好玩。我们为以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的灵活和强大的功能。
评论 (0) All
