Html 如何在浏览器上调整图片大小

Html 如何在浏览器上调整图片大小,html,Html,我需要将我网站的背景图像设置为这张图片 但是,当我查看页面时,我看到该页面上有空白,如下图所示: 我希望图片覆盖整个空间,当我在任何计算机上打开网站时,它必须显示相同的内容。最后,我无法在图像中心的中间写文字。不是在顶部,而是在中间的图片中心。这是我到目前为止所拥有的 我需要把正文放在中间的那一页上。不是在页面的高部分,而是在中间。以下是我到目前为止所掌握的一小段代码: <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ka-g

我需要将我网站的背景图像设置为这张图片

但是,当我查看页面时,我看到该页面上有空白,如下图所示:

我希望图片覆盖整个空间,当我在任何计算机上打开网站时,它必须显示相同的内容。最后,我无法在图像中心的中间写文字。不是在顶部,而是在中间的图片中心。这是我到目前为止所拥有的

我需要把正文放在中间的那一页上。不是在页面的高部分,而是在中间。以下是我到目前为止所掌握的一小段代码:

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ka-ge" lang="ka-ge" >
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
</head>
<style>
#links { 
  postiton:absolute;
    margin: 0 auto; 
    width: 4800px; 
    font-size:50px;
    clear: both; 
    display: block;
    z-index:-90;
}
#test a {
    float: right;
}
a, a:active, a:visited {
    color: light-blue;
    a {text-decoration:none;}
}
</style>
<style>

a {text-decoration:none;}
</style>

<body    >


<a href="eng/index.html"><img src ='english.gif' style="float:right"  width="90" height="90"> </a>
<a href="russ/index.html"><img src ='russian.gif' alt="Russian flag" style="float:right"  width="90" height="90"/></a>
<a href="index.html"> <img src="georgian.jpg"  style="float:right" width="90" height="90"/></a>
<img src="11.gif" width="100%" height="100%"/>
<div id="links">

<a href=" index.html " >მთავარი </a>
&nbsp;
<a href=" ბაკურიანი.html ">ბაკურიანი </a>
&nbsp;
<a href=" გუდაური.html ">გუდაური </a>
&nbsp;
<a href=" ზღვა.html ">ზღვა </a>
&nbsp;
<a href=" კახეთი.html ">კახეთი </a>
&nbsp;
<a href=" სვანეთი.html ">სვანეთი </a>
&nbsp;
<a href=" ვარძია.html ">ვარძია </a>
&nbsp;
<a href=" ქართლი.html ">ქართლი </a>
&nbsp;
<a href=" ძველი_თბილისი.html ">ძველი_თბილისი </a>
&nbsp;
<a href=" დაკავშირება.html ">კონტაქტი </a>
</div>
</body>
</html>

#链接{
职位:绝对;
保证金:0自动;
宽度:4800px;
字体大小:50px;
明确:两者皆有;
显示:块;
z指数:-90;
}
#测试a{
浮动:对;
}
a、 a:活跃,a:访问{
颜色:浅蓝色;
a{文本装饰:无;}
}
a{文本装饰:无;}

我对您的代码做了一些修改,如下所示:

</head>
< style>
#links { 

position:absolute;
margin: 0 auto; 
top: 50%;       //centers vertically
left: 50%;     //centers horizontally
width: 4800px; 
font-size:50px;
clear: both; 
display: block;
z-index:-90;
}