关于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”