记事本编辑HTML网页 背景图片不会全屏铺满,只能平铺求代码 <html> <head> </

记事本编辑HTML网页
背景图片不会全屏铺满,只能平铺求代码

<html>
<head>
</head>
<body>
<这里添加背景图片index.jpg 要全屏的,不要平铺>
<这里添加4个图片4个超链接(每个图片一个超链接 图片1.jpg 2.jpg 3.jpg 4.jpg 链接1 2 3 4 他们四个两个一行,总共2行 )>
</body>
</html>

使用纯CSS即可实现你要的效果,图片会根据窗口大小自动调整为全屏大小,代码如下:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style>
html,body {height:100%;}
body {margin:0; padding:0;}
a img {border:none;}
.bg-img {position:absolute; top:0; left:0; width:100%; height:100%; z-index:-1;}
</style>
</head>
<body>
<img src="这里是背景图片index.jpg" class="bg-img">
<div>
    <a href="图片链接地址"><img src="图片1"></a>
    <a href="图片链接地址"><img src="图片2"></a>
</div>
<div>
    <a href="图片链接地址"><img src="图片3"></a>
    <a href="图片链接地址"><img src="图片4"></a>
</div>
</body>
</html>

追问

我没软件,要记事本版本的

追答

什么是记事本版本?HTML语言的代码只要是文本编辑软件都可以编辑,DW、EditPlus、VS、eclipse、记事本、写字板、Word等都可以。
把上面的代码复制,粘贴到记事本里,存为html或htm格式的文件即可。

温馨提示:答案为网友推荐,仅供参考