【原创】渐变背景的制作及应用（香雪儿）
受秋思梦景老师启发，我也制作了几个渐变背景
图1—960*600 
图2—960*600
图3 —200*600 
图4 —960*200
运用效果
图1背景图--角度渐变中心效果
http://www.oldkids.cn/upload/2020/09/23/blog_20200923210735015.gif
 |
图2背景图--角度渐变一角效果
http://www.oldkids.cn/upload/2020/09/23/blog_20200923213128992.gif
 |
图3背景图--竖条径向渐变效果
http://www.oldkids.cn/upload/2020/09/23/blog_20200923215649100.gif
 |
图4背景图--横条径向渐变效果
http://www.oldkids.cn/upload/2020/09/24/blog_20200924103119126.gif
风景图来源——勤学苦练老师《和同学三日游（南湖）》
 |
图5
http://www.oldkids.cn/upload/2020/09/23/blog_20200923210735015.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
(注：您的设备不支持flash)
请选择你想添加的收藏夹
- 未定义0条内容 你没有登录