怎么用css做出这张图来

Question

我是为学生，今天学了css，但是我没听明白，不知道怎么用css做出这张图，就大家解答

Answer 1

 <style>
        body {
            background-image: repeating-linear-gradient(red, yellow 10%, green 20%);
        }

        #grad {
            width: 900px;
            height: 100px;
            padding-top: 50px;
            background-image: radial-gradient(red 5%, yellow 15%, green 60%);
        }
    </style>
    <div id="grad">
        字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文则试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字
    </div>

大致就这样子？可以去w3school学习下