css对于元素的表现以及页面的布局,都提供了非常强大的功能。
对于图片的使用,其实更多的是在内容层。根据web标准的思路,表现层的图片,已经都被分离到css中去了。
只有作为内容的图片才能以img标签插入在页面中,这也是一直强调的语义。
为图片设置背景图片,是一个非常搞的实例。
以img标签引入页面的图片设置背景图片。这样的应用范围或许并不大,帮助理解元素在html与css中的意义与灵活性。
代码:
css代码:
将img元素转换为块元素,设置宽和高。设置下侧的内边距为10px。为背景图片显示出来预留一定的空间。最后定义背景图片即可。
由此小实例,可以看出css的灵活和强大的功能。