渐变背景的制作及应用（香雪儿）

【原创】渐变背景的制作及应用（香雪儿）字体调整：大 |中 |小发表于2020年09月24号 12点 阅读 2875 评论7 点赞12举报文章 ©著作权归作者所有受秋思梦景老师启发，我也制作了几个渐变背景

图1—960*600

图2—960*600

图3 —200*600

图4 —960*200运用效果图1背景图--角度渐变中心效果//image109.360doc.com/DownloadImg/2021/04/1318/219980860_1_2021041306125297.gif

图2背景图--角度渐变一角效果//image109.360doc.com/DownloadImg/2021/04/1318/219980860_2_20210413061252878.gif

图3背景图--竖条径向渐变效果//image109.360doc.com/DownloadImg/2021/04/1318/219980860_3_20210413061253926.gif

图4背景图--横条径向渐变效果//image109.360doc.com/DownloadImg/2021/04/1318/219980860_4_20210413061254113.gif风景图来源——勤学苦练老师《和同学三日游（南湖）》

图5//image109.360doc.com/DownloadImg/2021/04/1318/219980860_1_2021041306125297.gif——我家俩宝贝

使用代码——红色部分可修改

<*table background="渐变背景.gif" border="0" cellpadding="0" cellspacing="0" height="600" width="960"><*tbody><*tr><*td><*img src="图片.jpg" style="*width: 960px;height: 600px;opacity:0.60;" /><*/td><*/tr><*/tbody><*/table>opacity:0.60表示透明度，数值越小越透明  发表时把*去掉我的制图要点供大家参考：图1、图2运用的角度渐变，图片制作大小必须与场景里应用的大小一致，否则平铺后会有接痕。图1的渐变中心在图片中心，图2的渐变中心设在左下角。图3、图4运用的径向渐变，竖条径向渐变图片大小200*600，高度一致，宽度不限，横条径向渐变图片大小960*200，宽度一致，高度不限。梦景老师《渐变背景的制作及应用》http://www.oldkids.cn/blog/view.php?bid=1513684