Html网页基础教程将图像设置为网页背景

html网页基础教程

Html网页基础教程将一个图像设置为网页背景

超文本标记语言,标准通用标记语言下的一个应用。
“超文本”就是指页面内可以包含图片、链接,甚至音乐、程序等非文字元素。
超文本标记语言的结构包括“头”部分(英语:Head)、和“主体”部分(英语:Body),其中“头”部提供关于网页的信息,“主体”部分提供网页的具体内容。
1.backgoround-image代码。我们用这个代码向一个网页中的body进行赋值就行了。
<html>
<head>
<style type=”text/css”>
body {background-image:url(/i/4.gif);}
</style>
</head>
<body></body>
</html>
2.在网页中的三个元素进行背景的图像指定。
<html>
<head>
<style type=”text/css”>
body {background-image:url(/i/4.gif);}
p.flower {background-image: url(/3.gif); padding: 20px;}
a.radio {background-image: url(/i/7.gif); padding: 20px;}
</style>
</head>
<body>
<p class=”flower”>落。<a href=”*” class=”radio”>景的链接。</a></p>
</body>
</html>
3.background-repeat 代码的使用会让背景中的图像重复出现。
<style type=”text/css”>
body
{
background-image:
url(/i/eg_bg_03.gif);
background-repeat: repeat
}
</style>

4.我们重复背景图像的方法可以分为 水平重复或者垂直重复!
background-repeat: repeat-y
background-repeat: repeat-x

5.还有一种情况就是图像在网页当中只使用一次。
background-repeat: no-repeat

6.我们可以让图像在网页中的位置进行定位,这个位置是指定的。
background-position:center;
background-position:top;

7.HTML body设置全屏背景图片
<body style=”width:100%; height:100%;”>
<style>
body{
background:url(02.jpg) top left;
background-size:100% 100%;
overflow:hidden;
}
</style>
</body>

成为第一个发表评论的人

发表评论

您的电子邮件地址不会被公开.


*