甜橘子，专注成都网站制作网站设计与营销型网站建设与优化
QQ :532337155
电话：028-86922220
一、语法细节记不住怎么办？
实际开发的时候，当要使用radial-gradient径向渐变的时候，脑中会有大概的语法，但是细节却记不住，于是想快捷找个案例看看具体怎么用，然后直接套一下。通常一番搜索，会发现虽然是个简单需求，但是正好满足这个需求的页面却不好找，乱糟糟的。
下次遇到这种场景，直接来本站搜“径向渐变”，或者直接搜索“渐变”，就有专门展示radial-gradient径向渐变基本语法使用案例的文章。文章共展示了10例常见使用案例，相信一定可以覆盖你的使用场景的。
首先，假设我们使用同一段HTML作为示意：
二、示例1：最基础最简单使用
CSS如下：
.radial-gradient {
width: 400px; height: 200px;
background: radial-gradient(yellow, red);
}
最终效果如下图：
