使用CSS可以通过linear-gradient()
函数来制作紫色渐变背景效果。
以下是制作紫色渐变背景的CSS代码:
background: linear-gradient(to right, #8A2BE2, #4B0082);
其中,to right
表示渐变方向是从左到右,#8A2BE2
和#4B0082
是紫色渐变的起始和结束颜色。你可以根据需要调整渐变方向、起始和结束颜色来实现不同的渐变效果。
另外,如果想要背景铺满整个页面,可以给html
和body
元素加上height: 100%;
和margin: 0;
的样式:
html,
body {
height: 100%;
margin: 0;
}
这样就可以实现紫色渐变背景铺满整个页面的效果了。