<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="Generator" content="EditPlus®">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<title>条纹背景</title>
<style type="text/css">
* {
box-sizing: border-box;
}
html,body {
width: 100%;
height: 100%;
_height: 100%;
min-height: 100%;
margin: 0;
padding: 0;
}
.comm {
width: 100%;
height: 150px;
margin-bottom: 20px;
}
/* 两种颜色横条纹 */
.bg {
background: linear-gradient(#fb3 30%, #58a 0);
background-size: 100% 30px;
}
/* 多颜色横条纹 */
.bg2 {
background: linear-gradient(#fb3 33.3%,#85a 0,#85a 66.6%,yellowgreen 0);
background-size: 100% 45px
css3渐变之条纹背景
最新推荐文章于 2022-10-25 15:17:23 发布
![](https://img-home.csdnimg.cn/images/20240711042549.png)