css怎么让一张图片适应任何屏幕大小的电脑平铺?

html-css015

css怎么让一张图片适应任何屏幕大小的电脑平铺?,第1张

1、横向铺满,纵向留有空隙或超出屏幕:

body {background:url(图片路径) no-repeat centerbackground-size:100% auto}

2、纵向铺满,横向留有空隙或超出屏幕:

body {background:url(图片路径) no-repeat centerbackground-size:auto 100%}

补充说明:background-size属于css3,只有支持css3的浏览器才有效。

css与表格不同,css是样式和代码分离也就是一个页面或几个页面对应一个样式表或者多个样式表。而表格是所见即所得,样式在表格里面写。因此当一个页面需要做局部的调整,如果是css写的只需要找到css文档,找到所修改的内容所对应的样式表直接修改就好了。而table的则需要找到页面的对应位置(table页面代码好乱的,你懂得),然后修改样式。再有如果所应用的页面是静态的例如cms(内容管理系统)所生成的页面是静态页面,如果用css做只需要修改css,那么所有引用css的都自动改变样式了,而是用table的则需要找到每个页面,都进行修改。

这样说你应该懂了吧。来点简单的添加长宽高吧。

css的:

样式表:

#wrap{width:100pxheight:50px}

页面代码:

<div id="wrap">内容</div>

table的

页面代码

<table width="100px" height="50px">

<tr><td>内容</td></tr>

</table>