css文本背景样式

文本样式

 文本类

  text-transform：uppercase； 全部变为大写

  text-transform：lowercase； 全部变为小写

  text-transform：capitalize； 首字母大写

  text-transform:none； 表示不显示样式

  text-indent:?px； 表示文本缩近

 给文字加上倒影

  text-shadom:?px ？px ？px； 表示模糊值越大，模糊范围越大（x轴、y轴、模糊值）

 文本装饰线

  text-decoration:underbine； 对文本产生下划线

  text-decoration:overline: 对文本产生上划线

  rext-decoration：line-through； 对文本产生贯穿线

 对齐方式

  text-align； 居中

 行高

  line-height：？px； 表示行距

 词间距

  例：word-spacing:?px;

 字间距

  leter-spacing:?px;

 字体类型

  font-family:sans-serif; 非衬线

  font-family:serif； 衬线

  字体类型还可以写汉字，如：font-family:微软雅黑 宋体;

 字体风格

  font-style:normal; 正常的

  font-style:italic; 文本样式为斜体

  font-style:oblique; 倾斜的字体

 文字粗细

  font-weight:bolder 特粗

  font-size:large 根据当前字体改变大小

背景样式

 引入背景图片

  例：background-image:url("路径");

 背景图片的平铺方式：

  background-repeat:no-repeat； 不铺开

  background-repeat:repeat-x； 水平方向铺开

  background-repeat:repeat-y; 垂直方向铺开

 保持图片大小

  background-size:Auto 保持图片大小

 等比例缩放

  background-size:cover 等比例缩放

 平铺整个区域但不会超出（非等比例）

  background-size:contain;

 背景图像位置

  background-position:?px ?px; x轴左-右+,y轴上-下+

  background-attachment:fixed 图像固定不动

 背景颜色渐变

  background-image:linear-gradient(to top,red,blue,green); 表示从下向上渐变（颜色可以添多种）

转载于:https://www.cnblogs.com/xinghuoliaoyuan/p/8052548.html