如何设置一个HTML表单

怎么编写一个背景为浅灰色，边框为圆角的居中表单
就是以下，谢谢～☺️

img

这是个简单的表单，只是没有你想要的灰色背景，就自己加一下


```html

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>表单练习</title>
        <link rel="stylesheet"href="../day03/css/bootstrap.css" />
    </head>
    
    <body>
        <div style="padding: 50px 20%  50% 40%;">
            <div class="container">
            <h3>学生信息管理系统</h3>
            <div class="form-group">
                <label for="name">姓名:</label>
            <input type="text"name="name"id="name" style="width: 500px;"
             class="form-control"
             placeholder="请输入姓名..."/>
            </div>
            
            <div class="form-group">
            <label for="age">年龄:  </label>
            <input type="number"name="age"id="age" style="width: 500px;"
             class="form-control"
             placeholder="请输入年龄..."/>
            </div>
            <div class="form-group">
                <label for="sex">性别: (单选)</label>
                <div class="radio-inline">
                    <input  type="radio" name="sex" id="sex" checked="checked"/>男
                </div>
                <div class="radio-inline">
                    <input type="radio" name="sex"id="sex" />女
                </div>
                </div>
            <div class="form-group">
                <label for="hobby">爱好:  （多选）</label>
                <div class="checkbox-inline">
                    <input type="checkbox" checked="checked" name="hobby"id="hobby" />爬山
                </div>
                <div class="checkbox-inline">
                    <input type="checkbox" name="hobby"id="hobby" />唱歌
                </div>
                <div class="checkbox-inline">
                    <input type="checkbox"  name="hobby"id="hobby" />兵乒球
                </div>
                </div>
            <div class="form-group">
                <label >学历：(下拉框)</label>
                <select name="edu"id="edu">
                    <option value="1">幼儿园</option>
                    <option value="2">小学</option>
                    <option value="3">初中</option>
                    <option value="4">高中</option>
                    <option value="5">大专</option>
                    <option value="6"selected="selected">本科</option>
                    <option value="7">研究生</option>
                    
                </select>
                </div>
                <div class="form-group">
                    <input class="btn btn-primary "type="button"name="submit"value="保存" />
                    <button class="btn btn-danger"name="clear">取消</button>
                </div>
            </div>
    </body>
</html>

img

```