用css3实现背景渐变效果，可以丰富我们网页的内容，也提升用户视觉效果。当然更重要的是，提高用户体验！我们可以使用css3中的radial-gradient属性实现径向渐变效果。推荐参考学习：《CSS3教程》那么我们在前面的文章中，已经给大家介绍了CSS3实现线性渐变效果。下面我们就通过简单的示例继续给大家介绍css3实现径向渐变的效果。所谓径向渐变（Radial Gradients）就是由它们的中心开始定义。代码示例如下：<!DOCTYPE> <html> <meta...
HTML部分:<!DOCTYPE html> <html> <head><meta charset="UTF-8"><title> 渐变——天际线</title><link rel="stylesheet" type="text/css" href="style.css"> </head> <body><div>渐变——天际线</div> </body> </html>实现背景颜色渐变不需要在HTML（结构）部分做任何操作 这里加了一行字，方便显示效果；（推荐教程：CSS教程）CSS部分：body{margin: 0;padding: 0;font-family: "montserrat";background-image: linear-gradient(1...
HTML部分:<!DOCTYPE html> <html> <head><meta charset="UTF-8"><title> 渐变——天际线</title><link rel="stylesheet" type="text/css" href="style.css"> </head> <body><div>渐变——天际线</div> </body> </html>实现背景颜色渐变不需要在HTML（结构）部分做任何操作 这里加了一行字，方便显示效果；（推荐教程：CSS教程）CSS部分：body{margin: 0;padding: 0;font-family: "montserrat";background-image: linear-gradient(1...