css样式图片、渐变、相关小知识(必看)

时间:2021-05-08

一,background-position:(图片定位)

三种写法:

1):按%比,左上角最小(0%,0%),右下角最大(100%,%100);
2):(x,y)左上角最小(0,0),右下角最大(max,max);
3)top,center,left,right,bottom;

二,background-clip:

1,包含那一部分的值:border;padding;content;

三,background-origin:

1,从那一部分值开始:border;padding;con tent;

四,背景图像是否固定或者随着页面的其余部分滚动。

1,scroll:随着页面的其余部分滚动
2,fixed :固定在窗口的某个位置。

五,渐变:

1,线性渐变:linear-gradient:
1)如果是角度:角度,过渡色;
2)如果是top。。。,方向前加to,后过渡色;
2,迳向渐变:radial-gradient:
1)默认是中心点渐变;
2)[size at left top]:其中size是渐变半径。

3,重复渐变:

1)重复线性渐变:repeating-linear-gradient:格式跟线性渐变一样。
2)重复迳向渐变:reoeating-radial-gradient:格式跟迳向渐变一样。

以上这篇css样式图片、渐变、相关小知识(必看)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。

原文地址:http://www.cnblogs.com/yzybc/p/5649602.html

声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。

相关文章