css 文本样式 案例
在 CSS 中,我们可以使用不同的属性来设置文本的样式,如字体、颜、大小、对齐等等。下面是一些 CSS 文本样式的案例:
1. 设置字体样式:
```
p {
font-family: 微软雅黑, sans-serif;
font-weight: bold;
font-style: italic;
}
```
上面的代码将设置段落文本的字体为“微软雅黑”,加粗体,斜体。
2. 设置文本颜:
```
h1 {
color: #FF0000;
}
```
上面的代码将设置一级标题文本的颜为红。
3. 设置文本大小:
```
p {
font-size: 16px;
}
```
上面的代码将设置段落文本的大小为 16px。
4. 设置文本对齐:
```
div {
text-align: center;
}
```
html设置字体颜属性 上面的代码将设置 div 元素内部文本居中对齐。
5. 添加文本阴影:
```
h2 {
text-shadow: 2px 2px 4px #000000;
}
```
上面的代码将设置二级标题文本添加黑阴影,阴影距离为 2px,模糊程度为 4px。
6. 添加下划线:
```
a {
text-decoration: underline;
}
```
上面的代码将设置链接文本添加下划线。
这些是 CSS 文本样式的一些示例,还有很多其他的属性可以用来设置文本样式。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论