CSS设置背景颜色 拼接 (一半黑一半白) 条纹 渐变
首先下面是用到的css样式 线性渐变 这个属性我还说不明白 我就简单的使用一下 有兴趣的搜索CSS线性渐变就OK
background-image: linear-gradient(direction, color-stop1, color-stop2, …);
微信小程序都能用哈
1.拼接 (一半黑一半白)
html代码如下
<style>
html{
height: 100%;
background-image: linear-gradient(to bottom, #000 50%, #FFF 0);
}
</style>
2.条纹
很简单的 就是高度改为25% 想要条纹更密就把高度减小就好了
html代码如下
<style>
html{
height:25%;
background-image: linear-gradient(to bottom, #000 50%, #FFF 0);
}
</style>
3.渐变背景
展示渐变我更改了渐变起始方向 简单说就是竖着了。
html代码如下
<style>
html{
height:100%;
background-image: linear-gradient(to right, #000, #FFF);
}
</style>
完了 掰~