html字体描边代码
时间: 2023-06-30 11:25:22 浏览: 89
纯CSS3代码实现文字描边
在HTML中实现文字描边的方法是使用text-shadow属性。具体的代码如下:
```html
<style>
.outline {
text-shadow:
-1px -1px 0 #000,
1px -1px 0 #000,
-1px 1px 0 #000,
1px 1px 0 #000;
}
</style>
<p class="outline">Hello World</p>
```
其中,text-shadow属性可以接受多组参数,每组参数之间用逗号隔开。每组参数包括水平偏移量、垂直偏移量、模糊半径和颜色,具体的含义如下:
- 水平偏移量:文字阴影的水平偏移距离,可以是正数或负数。
- 垂直偏移量:文字阴影的垂直偏移距离,可以是正数或负数。
- 模糊半径:文字阴影的模糊程度,可以是0表示没有模糊,也可以是正数表示模糊程度。
- 颜色:文字阴影的颜色,可以是十六进制颜色值或RGB颜色值。
通过设置多组参数,可以实现文字描边的效果。在上面的代码中,我们设置了四组参数,分别是向左上、向右上、向左下、向右下四个方向偏移1像素的黑色阴影,这样就实现了文字描边的效果。
阅读全文