Javascript 文本块的HTML背景框

Javascript 文本块的HTML背景框,javascript,html,css,Javascript,Html,Css,完全不熟悉HTML,我需要一个HTML文件,该文件执行上述操作: 整个页面的一些背景色 在页面中央,白色背景色框中的一块文本 在白色框的正下方(外部),页面中央有一小行文本 也许有更好的方法,但这是我的方法: <!DOCTYPE html> <html> <head> <style> body { background-color:color here;

完全不熟悉HTML,我需要一个HTML文件,该文件执行上述操作:

  • 整个页面的一些背景色
  • 在页面中央,白色背景色框中的一块文本
  • 在白色框的正下方(外部),页面中央有一小行文本
    也许有更好的方法,但这是我的方法:

    <!DOCTYPE html>
    <html>
        <head>
            <style>
                body {
                    background-color:color here;
                }
                #example-name {
                    background-color:white;
                }
                #example-2 {
                    text-align:center;
                }
            </style>
        </head>
        <body>
            <div id='example-name' style="margin: 0 auto">
                example content
            </div>
            <div id='example-2'>
                <p>example text</p>
            </div>
        </body>
    <html>
    
    
    身体{
    背景色:这里的颜色;
    }
    #示例名称{
    背景色:白色;
    }
    #示例2{
    文本对齐:居中;
    }
    示例内容
    示例文本

    
    

    嗨。
    谢谢你使用邮枪!请点击下面确认您的电子邮件地址
    我希望这能回答你的问题!


    使用css元素边距、背景色和填充。

    您了解HTML了吗?习惯上,在这里寻求帮助之前,至少自己尝试解决问题。stack overflow社区帮助开发人员解决问题,但不要求他们完成您的工作。试着去学习并去做。如果你遇到任何问题,那就去问。明白了,我需要的远不止这里所展示的。我做过研究,不确定什么是最佳实践。但是谢谢你让我开始,我会自己解决剩下的问题。
    <html>
    <body style="background-color:tan">
    <p style="margin-left: 30%;margin-right: 30%; background-color: white; padding: 20px 20px 20px 20px;">
     Hi.<br>
    Thanks for using Mailgun! Please confirm your email address by clicking below!<br>
    I hope this answers your question!
    </p>
    </body>
    </html>