关于HTML怎样用图片做背景
2013-11-29 13:07
363 查看
关于HTML怎样用图片做背景
郭晓湉 于 星期四, 12/09/2013 - 19:34 提交
1、网页背景图片:
(平铺背景图片)
<body background="d:\image\石家庄.jpg">或者
<body style="background-image: url(d:\image\石家庄.jpg);">
(背景图片不重复)
<body style="background-image: url(d:\image\石家庄.jpg) no-repeat;">
(背景图片居中不重复)
<body style="background-image: url(d:\image\石家庄.jpg) no-repeat 50% 0;">
注释:
style 后双引号部分为CSS样式;
background-image:url(图片路径) 为背景图片
no-repeat 不重复;
50% 0 即(水平位置 垂直位置) 水平50%既居中,垂直0px;
2、表格中插入图片背景:
<table>
< tr>
< td width="200" height="200" background="d:\image\石家庄.jpg">
< /td>
< /tr>
< /table>
表格背景图片也可跟上面一样采用CSS样式,如:<td style="background-image: url(d:\image\石家庄.jpg);"> </td>。
注意:图片路径问题,用d:\image\石家庄.jpg只能在你自己的电脑上有效,上传到网站上,建议image文件夹和网页放在同一目录,则图片路径改为:“image/石家庄.jpg”
郭晓湉 于 星期四, 12/09/2013 - 19:34 提交
1、网页背景图片:
(平铺背景图片)
<body background="d:\image\石家庄.jpg">或者
<body style="background-image: url(d:\image\石家庄.jpg);">
(背景图片不重复)
<body style="background-image: url(d:\image\石家庄.jpg) no-repeat;">
(背景图片居中不重复)
<body style="background-image: url(d:\image\石家庄.jpg) no-repeat 50% 0;">
注释:
style 后双引号部分为CSS样式;
background-image:url(图片路径) 为背景图片
no-repeat 不重复;
50% 0 即(水平位置 垂直位置) 水平50%既居中,垂直0px;
2、表格中插入图片背景:
<table>
< tr>
< td width="200" height="200" background="d:\image\石家庄.jpg">
< /td>
< /tr>
< /table>
表格背景图片也可跟上面一样采用CSS样式,如:<td style="background-image: url(d:\image\石家庄.jpg);"> </td>。
注意:图片路径问题,用d:\image\石家庄.jpg只能在你自己的电脑上有效,上传到网站上,建议image文件夹和网页放在同一目录,则图片路径改为:“image/石家庄.jpg”
相关文章推荐
- 关于HTML怎样用图片做背景
- 关于HTML怎样用图片做背景
- 关于HTML怎样用图片做背景
- 关于设置背景图片的透明度(html+css)
- HTML基础(四):CSS中关于背景图的应用技巧,把很多图片聚合的一张图片中
- 关于利用webpy的框架下,HTML无法加载CSS和背景图片的问题
- 关于在HTML表格中插入背景图片图片重复显示的问题
- 关于background设置多个背景图片的问题
- html怎么添加背景图片
- html中背景图片只适应浏览器大小
- html加载背景图片
- Html+Css CSS中背景图片定位方法
- html 背景图片实现 宽度自适应,高度为背景图片高度 解决发案
- 关于背景颜色与背景图片
- css --关于背景图片显示不出来的情况
- Mini2440更改LCD背景图片 ZHUANZI:http://blog.chinaunix.net/u3/96428/showart_2091031.html
- CSS:html/css教程:背景图片的定位问题详解
- 自定义制作 自动定时更换图片的桌面背景 html页面
- Photoshop制作Android UI: 怎样将图片背景变为透明
- Cocos2d-x优化中关于背景图片优化