CSS设置文本样式
这里我就列举几个常用的样式,仅供参考
1,设置文本字体:
用font-family属性
Code:
注:这里都用到类别选择器
2,设置文字倾斜效果:
p{
font-style: italic;
}
3,设置文字加粗效果:
p{
font-weight: bold;
}
4,设置英文字母大小写转换:
p{
text-transform: capitalize;
}
5,设置文字的大小:
p{
font-size: 36px;
}
6,设置文字的装饰效果:
p{
text-decoration: underline;
}
7,设置段落首行缩进:
p{
text-indent: 2em;
}
8,设置字间距离:
p{
word-spacing: 20px;
letter-spacing: 2px;
}
9,设置文字的行高:
p{
line-height: 1.5;
}
10,设置段落之间的距离:
p{
border: 1px red solid; /* 设置标签 /
margin: 1px; / 设置段落边距 /
padding: 10px; / 段落距离 */
}
11,设置文字的水平位置(这个比较复杂,就举个详细例子。没有贴详细的代码,大家可以自己补充试一下)
样式部分:
body部分:
12,设置文字和背景颜色
p{
color: blue;
background-color: red;
}