网站首页 美食营养 游戏数码 手工爱好 生活家居 健康养生 运动户外 职场理财 情感交际 母婴教育 时尚美容

css 线性渐变事例分享

时间:2024-10-17 01:57:42

1、架构非常简单就是一个页面中有一个div,我们用一个div来实现控制背景色,之后在在div实现上背景色渐变;

css 线性渐变事例分享css 线性渐变事例分享

2、这里先控制一下 div 的基本样式,宽度, 高度,边框,控制一下文字的位置,文字大小,还有div在页面中的位置;

css 线性渐变事例分享css 线性渐变事例分享

3、这里的 color:white;是为了将字体变为 白色 ,算是为了将文字可以显现出来,算是做颜色的对比;

css 线性渐变事例分享css 线性渐变事例分享

4、bac氯短赤亻kground:linear-gradient(to right,white, 。。。,white)。关键的属性设置,显示设置的颜色之间的过度;如图二to right,渐变从左边开始;

css 线性渐变事例分享css 线性渐变事例分享

5、然后我们在添加几个颜色代码,记得代码之间要用 逗号 分开;purple ,紫色拭貉强跳#0000ff,深蓝 #00ffff ,浅蓝 green,绿色;这样一个比较花哨的背景就完成了...

css 线性渐变事例分享css 线性渐变事例分享
© 2025 小知经验
信息来自网络 所有数据仅供参考
有疑问请联系站长 site.kefu@gmail.com