【CSS】CSS文本样式【CSS基础知识详解】
在CSS中，我们可以使用各种属性来改变文本的样式。以下是一些常用的文本样式属性：
color：设置文本的颜色。font-family：设置文本的字体。font-size：设置文本的大小。font-weight：设置文本的粗细。line-height：设置行高，即行间距。text-align：设置文本的水平对齐方式。text-decoration：设置文本的装饰，如下划线。text-transform：控制文本的大小写。letter-spacing：设置字符之间的间距。text-shadow：设置文本的阴影效果。
以下是一个简单的CSS样式代码示例，它将应用于HTML中的一个段落元素：
p {
color: #333333;
font-family: 'Arial', sans-serif;
font-size: 16px;
font-weight: bold;
line-height: 1.5;
text-align: center;
text-decoration: underline;
text-transform: uppercase;
letter-spacing: 2px;
text-shadow: 2px 2px 2px #aaaaaa;
}在HTML中使用这个样式：
<!DOCTYPE html>
<html>
<head>
<style>
p {
color: #333333;
font-family: 'Arial', sans-serif;
font-size: 16px;
font-weight: bold;
line-height: 1.5;
text-align: center;
text-decoration: underline;
text-transform: uppercase;
letter-spacing: 2px;
text-shadow: 2px 2px 2px #aaaaaa;
}
</style>
</head>
<body>
<p>这是一个被样式化的段落。</p>
</body>
</html>这段代码将创建一个居中、加下划线、大写字母、带有阴影的段落，其中每个字母之间的间距为2像素。
评论已关闭