Html背景色图片问题
2013-12-04 09:00
225 查看
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”。
(平铺背景图片)
<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”。
相关文章推荐
- Android WebView加载Html文本不能适配,以及图片中间有空白的问题
- html加载图片路径问题
- html中img图片路径src不对的问题
- 使用freemarker生成word、html时图片显示问题
- Windows Phone 用WebBrowser加载本地图片以及解决加载html页面出现乱码问题
- html2canvas完整demo解决图片跨域问题(已经成功啦啦)
- 【菜鸟学安卓】- TextView 显示Html 二 图片大小的显示问题
- html a标签 图片边框和点击后虚线框的问题
- Android开发技巧——TextView加载HTML的图片及代码显示问题
- 解决html 图片img加超链接后产生难看的蓝色边框问题
- ios 加载本地HTML文件,图片不显示的问题
- 在iOS8系统下,UITabbar上的item自定义背景色和图片问题 (
- HTML自定义按钮上传图片并实现预览(同时解决getAsDataURL()弃用问题)
- html2canvas的0.5.0-beta4版本(可以解决图片不清晰问题)
- html中同时添加多个滚动图片区域出现问题
- ssh三大框架简单整合,struts2整合JasperReport报表、图表,解决HTML显示图片不出来,PDF中文不显示的问题
- 解决html-jquery/js引用外部图片时遇到看不了或出现403的问题
- jsp或者html与css中读取图片路径问题
- spring mvc整合ireport终极解结方案,解决HTML图片不显示的问题
- Android TextView加载HTMl图文时,图片溢出界面问题解决