题目
请补全以下CSS代码,使其创建一个从绿色到黄色的径向渐变背景: background-image: radial-gradient(circle at center, ____ , ____);第1空:green第2空:
请补全以下CSS代码,使其创建一个从绿色到黄色的径向渐变背景: background-image: radial-gradient(circle at center, ____ , ____); 第1空: green 第2空:
题目解答
答案
green;yellow
解析
本题考查CSS径向渐变背景的语法。关键点在于掌握radial-gradient
函数的参数顺序及颜色渐变的写法。
- 核心思路:径向渐变的语法为
radial-gradient(形状和位置, 起始颜色, 结束颜色)
,需按顺序填写颜色参数。 - 破题关键:明确渐变方向(从中心向外扩展)和颜色过渡顺序(绿色到黄色)。
-
语法结构分析
radial-gradient(circle at center, ____, ____)
中,circle at center
定义了渐变形状为圆形且中心对齐。
后续两个空需依次填入起始颜色和结束颜色。 -
颜色参数填写
- 第一个空填入起始颜色
green
,第二个空填入结束颜色yellow
。 - 注意:颜色参数之间用逗号分隔,且颜色名称需正确无误。
- 第一个空填入起始颜色