您的位置:首页> 前端教程> CSS3教程
文章导航

CSS3 repeating-linear-gradient()

2018-5-21 18:57| 作者: admin| 查看: 1990| 评论: 0|来自: 蚂蚁部落

用重复的线性渐变创建图像。

语法与linear-gradient()线性渐变完全相同。

代码实例:

[HTML] 纯文本查看 复制代码运行代码
<!DOCTYPE html>
<html> 
<head> 
<meta charset="gb2312"> 
<meta name="author" content="http://www.softwhy.com/" /> 
<title>蚂蚁部落</title> 
<style type="text/css">
div{
  width:250px;
  height:250px;
}
.antzone{
  background:repeating-linear-gradient(-45deg, #ace, #ace 5px, #f96 5px, #f96 10px);
}
</style>
</head>
<body>
<div class="antzone"></div>
</body>
</html>

鲜花

握手

雷人

路过

鸡蛋

最新评论

返回顶部