作者:电脑信息网日期:
返回目录:设置问题
两种方法:
html:
<img src="xxx.jpg" width="100px" height="100px" />
说明:这是在网页中插入一副图像度,能调整图像大小,能拉伸图像,问但是答不能平铺图像,图像要占用页面的空间的,一般情况下,文字不能在这样的图像上面。
css:
#yourID
{
background-image:url('xxx/xxx.jpg');
}
说明:这是背景图像,能平铺,但不能调整大小。不会占用页面空间,文字可专在其上。
这两种看你的需要选择。
另外,像属楼上的回答:<body background = "图片的路径">,这样做已经过时,不应该提倡。要知道,HTML只管呈现内容,CSS只管页面布局和修饰。
1、首先将网页文件和需要到的图片放到同一个文件中。
2、在文件夹中,鼠标右键单击空白知处选择打开“文本文档”。
3、然后打开文本文档,点击输入下道方的代码:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"><!--编码类型-->
<title>网页标题</title><!--网页标题-->
</head>
<body>
4、然后点击打开左上角文件中的“另存为”,重命名新建文本文档为index.html,回车确专定。
5、然后选择想要的背景图属片。
6、点击index.html,右键浏览器打开预览效果。
7、然后就完成了。
在HTML当中设置背景图片。使用CSS技术。比如:
<style>
.con {
background: url("图片路径zd") 0 0 no-repeat;
}
</style>
<div class="con">内容</div>
关于路径方面的知识,详见:网页链接
如果是初学HTML与CSS,建议选择回一本比较不错的书答籍,比如《HTML5布局之路》,更有利于对HTML5开发的入门。