CSS 与 HTML 怎样实现底部留白?

要实现下图的效果,

1

这是我实现的,问一下填充数据后, 下面怎么留白?就是文字下方,可以有另外一个颜色
具体的颜色,就不要计较了。

2

代码如下:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <style type="text/css">
        
        body{
            width: 96%;
            height: 100%;
            margin: 2%;
            color: red;
            background-color: #333333;
        },
    div{
        background-color: #FFFFFF;
    }
    
        </style>
</head>
<body>
    <div>
        <h3>
            退款后,多长时间到账?退到哪里去?    

        </h3>

        <p>
            您好,您申请退款后,一般3-5个工作日会原路退回,您用什么支付的就会退到哪里去。
        </p>

    </div>
</body>
</html>

我是 CSS 小鸟,大佬带我

阅读 5.3k
2 个回答

body 背景色 是 留白颜色 比如 #CCC
然后 DIV 背景设成另一个比如 #FFF

另外:body css 的 } 后面不要有 ','

样式写的没问题

clipboard.png

把这个逗号去掉,css不能用逗号分隔的

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题