您的位置:首页 > Web前端 > HTML

关于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”。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: