在Dreamweaver CS6中新建一个html空白文档，将页面内容放入<body></body>中。选中背景图即可插入。
详细步骤：
工具/材料：
1、新建文件夹并将其命名为“表格”。
2、将背景图放入新建的”表格“文件夹里。
3、在Dreamweaver CS6中新建一个html空白文档。
4、将页面内容放入<body></body>中。
5、在<body后按一下空格键，找到background，再按空格，点击“浏览”，找到背景图的位置。
6、选中背景图，点击“确定”。
7、图片插入完成。
8、将这个html另存为在“表格”文件夹里。
9、点击这个预览图标，就可以在浏览器中查看效果。
10、完成效果图。
参考资料：
百度百科-HTML表单
body {background:url(bg.jpg) top center no-repeatbackground-size:cover}这样的话背景图片就会填充整个屏幕了
不过要说明的是，这是一个CSS3的属性，在很多浏览器里面都是不被支持的，你所希望的效果，目前来看，只有这个属性可以做到，否则就只能用一个足够大的图片做背景的方法来实现了。
另外 background-size:cover还可以替换成 background-size:contain使用cover的意思是把背景图片充满整个容器，而不考虑是不是可以看到完整的图片；使用contain的意思是在容器里完整显示图片，而不考虑容器是否被填满。
<!doctype html><html><head><meta charset="utf-8"><title>无标题文档</title><style>html{width:100% height:100%}body{width:100% height:100% background: url(../1.jpg) no-repeat background-size:cover /*这里设置了背景图片为覆盖，以填满整个容器*/ }</style></head> <body></body></html>欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）