Question

我的页面完全符合我的期望。现在看它，我希望我会添加一个背景图像。有没有解决此问题的简单方法？我知道代码可能看起来有些滑稽，但这是Spiceworks纠正代码的方式。

<div style="text-align: center;">
<p style="font-size: 30px;">&nbsp;</p>

<p style="font-size: 30px;"><span style="color:rgb(0, 128, 0)"><strong>WELCOME TO PARK CITY CREDIT UNION&rsquo;s I.T. TICKET SYSTEM!</strong></span></p>
</div>

<div style="text-align: center;">
<p><span style="color:rgb(0, 0, 0)"><strong>Please do not email or chat, if you do so, you will be directed to open a ticket!</strong></span></p>
</div>

<div style="text-align: center;">
<p><strong>NEED IMMEDIATE ASSISTANCE and unable to reach I.T.??</strong> <strong>Call Locknet 1-877-408-1656&nbsp;&nbsp;</strong></p>

<p><em>Note - Any tickets submitted after 4:00 PM may not get a response until the next business day</em>.</p>

<p>&nbsp;</p>
</div>

<p style="font-size: 17px;"><strong>&nbsp;The Ticket System is a new platform to better serve you as well as enable a more efficient way to support your IT needs in an appropriate prioritized order.</strong></p>

<p>&nbsp;</p>

<p style="font-size: 15px;"><strong><span style="text-decoration:underline">NEED HELP? We are here for you!</span></strong></p>

<p style="font-size: 14px;">Click on the <em>&ldquo;New Ticket&rdquo;</em>&nbsp; Tab and create your ticket. If your ticket has not been started/resolved within 3 hours, please contact IT.</p>

<hr />
<p style="font-size: 15px;"><span style="text-decoration:underline"><strong><em>How do I know my ticket came through?</em></strong></span></p>

<p style="font-size: 14px;">- You will receive an email from <em>spiceworks@parkcitycu.org</em></p>

<p style="font-size: 14px;">-You will receive a second email letting you know who is working on your ticket</p>

<p style="font-size: 14px;">- You may recieve a phone call if your ticket requires follow up</p>

<hr />

Answer 1

您应该使用CSS设置背景图片。

<style>
    body {
        background-image: url("BACKGROUND_IMAGE_URL_HERE");
    }
</style>

Answer 2

您要在整个页面上添加背景图片吗？如果是，则应使用CSS设置背景图片：

<style>
    body {
        background-image: url("IMAGE-PATH-HERE");
    }
</style>

IMAGE-PATH-HERE应该指向您的图像文件。例如，您可以将图片复制到HTML文件所在的文件夹中，并指定图片名称和扩展名-例如

<style>
    body{
        background-image:url("myimage.jpg");
    } 
</style>

如果图像位于单独的文件夹/目录中，则还要指定目录路径-例如

<style>
    body{
        background-image:url("assets/myimage.jpg");
    } 
</style>

希望这会有所帮助

Answer 3

我编辑了您的代码（并纠正了拼写错误）。很简单的解决方法：

<body style="background-image: url(http://lorempixel.com/1024/1024/); background-repeat: no-repeat; background-size: cover;">

<div style="text-align: center;">
<p style="font-size: 30px;">&nbsp;</p>

<p style="font-size: 30px;"><span style="color:rgb(0, 128, 0)"><strong>WELCOME TO PARK CITY CREDIT UNION&rsquo;s I.T. TICKET SYSTEM!</strong></span></p>
</div>

<div style="text-align: center;">
<p><span style="color:rgb(0, 0, 0)"><strong>Please do not email or chat, if you do so, you will be directed to open a ticket!</strong></span></p>
</div>

<div style="text-align: center;">
<p><strong>NEED IMMEDIATE ASSISTANCE and unable to reach I.T.??</strong> <strong>Call Locknet 1-877-408-1656&nbsp;&nbsp;</strong></p>

<p><em>Note - Any tickets submitted after 4:00 PM may not get a response until the next business day</em>.</p>

<p>&nbsp;</p>
</div>

<p style="font-size: 17px;"><strong>&nbsp;The Ticket System is a new platform to better serve you as well as enable a more efficient way to support your IT needs in an appropriate prioritized order.</strong></p>

<p>&nbsp;</p>

<p style="font-size: 15px;"><strong><span style="text-decoration:underline">NEED HELP? We are here for you!</span></strong></p>

<p style="font-size: 14px;">Click on the <em>&ldquo;New Ticket&rdquo;</em>&nbsp; Tab and create your ticket. If your ticket has not been started/resolved within 3 hours, please contact IT.</p>

<hr />
<p style="font-size: 15px;"><span style="text-decoration:underline"><strong><em>How do I know my ticket came through?</em></strong></span></p>

<p style="font-size: 14px;">- You will receive an email from <em>spiceworks@parkcitycu.org</em></p>

<p style="font-size: 14px;">-You will receive a second email letting you know who is working on your ticket</p>

<p style="font-size: 14px;">- You may receive a phone call if your ticket requires follow up</p>

</body>

显然，您需要更改图像，但是此代码为您提供了背景图像。另外，我建议您以不同的方式设置代码格式，因为它当前的格式设置方式有点难以理解。如果要进行Web编程（HTML，CSS，Javascript等），建议您使用Brackets IDE。它不是用于格式化，但我喜欢它。

无论如何，GLHF！

我想添加背景图片

3 个答案: