色婷婷狠狠18禁久久YY,CHINESE性内射高清国产,国产女人18毛片水真多1,国产AV在线观看

html js設(shè)置顏色漸變

html

HTML與JS都能夠?qū)崿F(xiàn)顏色漸變效果，下面分別介紹一下。

/* HTML方式 */
<style>
body {
background: linear-gradient(to bottom, #ccc, #fff);
}
</style>

以上代碼實(shí)現(xiàn)了一個(gè)從#ccc漸變到#fff的垂直方向漸變背景色。

/* JS方式 */
<body>
<canvas id="gradient"></canvas>
</body>
<script>
var canvas = document.getElementById("gradient");
var ctx = canvas.getContext("2d");
var gradient = ctx.createLinearGradient(0, 0, 0, 200);
gradient.addColorStop(0, "#ccc");
gradient.addColorStop(1, "#fff");
ctx.fillStyle = gradient;
ctx.fillRect(0, 0, 200, 200);
</script>

以上代碼使用canvas繪制了一個(gè)200x200像素的矩形，漸變色從上到下，色值為從#ccc到#fff的漸變色。