html怎么实现网页背景色渐变动态选择？
html怎么实现网页背景色渐变动态选择？（图里面是单色的，想要做渐变的，两个颜色都可以动态选择的）求代码...
html怎么实现网页背景色渐变动态选择？（图里面是单色的，想要做渐变的，两个颜色都可以动态选择的）求代码
展开
2个回答
展开全部
可以用两个取色器去分部选择两个颜色，然后使用css3渐变背景色去设置网页背景。
渐变背景色可以设置线性、径向和起止颜色、方向等。
渐变背景色可以设置线性、径向和起止颜色、方向等。
追问
是两个颜色都要动态选择
追答
不能用两个取色器？
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
博思aippt
2024-07-20 广告
博思AIPPT是基于ai制作PPT的智能在线工具，它提供了4种AI制作PPT的方式，包括AI生成大纲、AI直接生成PPT、文本生成PPT、AI提炼文档生成PPT，一站式集成多种AI生成PPT的方式，可满足办公用户的不同需求和使用场景。ai生...
点击进入详情页
本回答由博思aippt提供
展开全部
<!DOCTYPE html>
<html>
<head>
<style>
html{
width: 100%;
height: 100%;
}
#main {
display: flex;
justify-content: space-between;
}
</style>
</head>
<body id="main">
<div>
Start:<input type="color" id="start" onchange="setStart(this)"/>
</div>
<div>
End:<input type="color" id="end" onchange="setEnd(this)"/>
</div>
</body>
<script>
let startColor = start.value = '#ac3535'
let endColor = end.value = '#d5c3c3'
function setColor(){
main.style.setProperty("background-image",`linear-gradient(to right, ${startColor}, ${endColor})`)
}
function setStart(e) {
startColor = e.value
setColor()
}
function setEnd(e) {
endColor = e.value
setColor()
}
setColor()
</script>
</html>
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
