css文本背景样式

2024-08-30 07:01:02

文本样式

文本类

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); 表示从下向上渐变（颜色可以添多种）

最新文章

热门文章