繁體中文当前位置: 首页 > 图文教程 > 网页制作 > CSS样式表 > css为图片设置背景图片
- CSS样式表
- CSS网页布局学习之Font-size的妙用
- CSS实例教程：网页区块中标题右侧更多
- CSS教程(1)：学习CSS背景相关知识
- CSS教程(4)：通过实例学习CSS背景
- CSS教程(5)：通过实例学习CSS背景
- 极酷的三层分离的标准滑动门导航菜单
- 网页版Firebug
- CSS实例：CSS实现的等高网页布局
- CSS教程：CSS3圆角属性
- CSS教程:制作对用户友好的站内搜索表单
- IE盒子模型和标准W3C盒子模型
- CSS外边距叠加的问题,CSS教程
- IE8的一些有趣的新功能
- CSS高级技巧:滑动门技术
- CSS设计网页边框的几个实例
- 雅黑字体对IE中的网页布局的影响
- CSS技巧：改善代码可读性并简化代码管理
- 吸引用户点击的按钮设计以及网页按钮实例
- CSS实例:超酷的网站导航按钮
- CSS实例:创建一个鼠标感应换图片的按钮
CSS样式表 中的 css为图片设置背景图片
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-10-12 浏览: 205 ::
收藏到网摘: 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
