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

建站知识 2021-07-03 08:15www.168986.cn长沙网站建设

一,background-position(图片定位)

三种写法

1)按%比,左上角最小(0%,0%),右下角最大(100%,%100);
2)(x,y)左上角最小(0,0),右下角最大(max,max);
3),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)如果是。。。,方向前加to,后过渡色;
2,迳向渐变radial-gradient
1)默认是中心点渐变;
2)[size at left ]其中size是渐变半径。

3,重复渐变

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

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

原文地址http://.blogs./yzybc/p/5649602.html

Copyright © 2016-2025 www.168986.cn 狼蚁网络 版权所有 Power by