今天在浏览码农教程的HTML/CSS板块时，发现一个好玩的东东，就是CSS3中的渐变Gradient，因为我是菜鸟，接触前端也不多，转载过来分享给大家
CSS3渐变Gradient分为linear-gradient（线性渐变）和radial-gradient（径向渐变），详细的也不解释了，自行查手册，咱们直接看效果
用径向渐变实现带圆点的背景图
代码如下：
<!DOCTYPE html>
<html>
<head>
<style type='text/css'>
body {
background: -moz-radial-gradient(white 15%, transparent 16%),
-moz-radial-gradient(white 15%, transparent 16%), black;
background: -webkit-radial-gradient(white 15%, transparent 16%),
-webkit-radial-gradient(white 15%, transparent 16%), skyblue;
background-position: 0 0, 80px 80px;
-webkit-background-size: 160px 160px;
-moz-background-size: 160px 160px;
background-size: 160px 160px;
}
</style>
</head>
<body>
</body>
</html>就先分享到这。各种详细，我也得去琢磨，因为菜嘛
1570
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
