CSS設置背景顏色 拼接 (一半黑一半白) 條紋 漸變

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>

完了 掰~