关于HTML怎样用图片做背景
2014-02-26 15:07
453 查看
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”。
相关文章推荐
- Java中替换HTML标签的方法代码
- HTML 清除缓存代码设置
- ZOJ 1099 HTML
- Html.ActionLink
- html学习笔记
- jacob将word转换为html出现乱码的解决方案
- 怎么改变html中placeholderr的文字颜色
- RESTEasy文件上传,使用html form表格
- 移动开发 html 跨平台
- 在CHtmlView中,判断一个页面加载完成的准确方法,解决OnDocumentComplete多次调用问题
- 关于C#获取html代码出现404错误的解决方法
- html复选框多行排列布局
- Html页面清除缓存
- Html(超文本标记语言)编写格式与常用控件归纳
- C#解析HTML
- 使用LevelListDrawable实现Html.fromHtml多张图片显示
- html点滴
- HTML页面跳转
- IE插件--如何响应html事件
- Html Agility Pack基础类介绍及运用