以下是一些使用 CSS3 文本样式属性的示例,以演示如何自定义文本的外观。你可以根据需要自行调整这些示例的值和属性:
- 改变字体
p { font-family: "Arial", sans-serif; }
- 这将改变段落文本的字体为 Arial。
- 字体大小和颜色:
h1 { font-size: 24px; color: #0077b6; }
- 这将设置 h1 标题的字体大小为 24 像素,颜色为蓝色。
- 文本对齐:
p { text-align: center; }
- 这将使段落文本居中对齐。
- 行高:
p { line-height: 1.5; }
- 这将设置段落文本的行高为文本大小的 1.5 倍。
- 文本装饰:
a { text-decoration: underline; }
- 这将为链接文本添加下划线。
- 文本阴影:
h2 { text-shadow: 2px 2px 4px #333; }
- 这将为 h2 标题添加一个阴影,偏移 2 像素,并具有模糊效果,颜色为灰色。
- 字母间距:
p { letter-spacing: 2px; }
- 这将增加段落文本中字符之间的间距。
- 文本溢出和省略号:
div { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
- 这将使文本在容器中不换行,当溢出时出现省略号 (...)。