第一次写博客，纯属记录一下自己在编程的时候遇见的问题以及解决问题。 今天有时间完善一下自己的登录页面，遇见图片大小不能全部展示在页面里，决定总结一下，不喜勿喷，但欢迎高人补充。
第一种方式css形式嵌入，我自己感觉如果单单设置图片的话，有些小麻烦：

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<title>亲，欢迎您来到***之家</title>
<style type="text/css">
    body {
        background-image: url("images/2.jpg");
        background-size:cover;
}
</style>
</head>
<body>
    <center>
        <p style="height: 200px"></p>
        <p style="color: black;font-size: 50px;font-family: 隶书; height: 50px">欢迎您成为我们的客户</p>
        <p style="color: black;font-size: 50px;font-family: 隶书">我们将竭尽全力为您服务</p>

    </center>
</body>
</html>

这是我简单写了一个登陆成功的页面，关于在HTML中设置图片的大小，可以像我这样定义，此时需要了解一下这个标签的含义：
background-size:auto;//设置图片的高度以及宽度，auto是默认值，表示不设置图片的高度和宽度
background-size:30px 500px;//第一个值为宽度，第二个值为高度，可以根据自己的需求设置大小
background-size:10%;// 这个取值可以设置0-100之间所有的数，图片会根据设置的百分数
background-size:cover;//将背景图片等比例缩放填满整个容器

第二种方式：
我感觉还是蛮简单的，就是直接在body标签里面设置属性：

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<title>亲，欢迎您来到***之家</title>

</head>
<body style="background-image: url(images/2.jpg);
        background-size:cover;" >
    <center>
        <p style="height: 200px"></p>
        <p style="color: black;font-size: 50px;font-family: 隶书; height: 50px">欢迎您成为我们的客户</p>
        <p style="color: black;font-size: 50px;font-family: 隶书">我们将竭尽全力为您服务</p>

    </center>
</body>
</html>