如何用纯CSS实现文字描边效果?

html-css026

如何用纯CSS实现文字描边效果?,第1张

嗯,可以的。但是其实讲真这个效果不太常用呢,因为只支持Webkit

/* 宽度和颜色 */

-webkit-text-stroke: 4px navy

/* 默认 */

-webkit-text-stroke: inherit

-webkit-text-stroke: initial

-webkit-text-stroke: unset

即-webkit-text-stroke: <length><color>

<length>

文本描边宽.

<color>

文本颜色.

CSS文件就是一个纯文本文件。

css文件顾名思义是用于装css代码的文本文件而css代码具有一定规律规则的文本代码组成。我们使用记事本将扩展名更改即可变成css文件。

层叠样式表(英文全称:CascadingStyleSheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。

用纯CSS让3个或更多的DIV处于同一行方法:

可以利用float属性实现多个div处于统一行。

float 属性定义元素在哪个方向浮动。以往这个属性总应用于图像,使文本围绕在图像周围,不过在 CSS 中,任何元素都可以浮动。浮动元素会生成一个块级框,而不论它本身是何种元素。

如果浮动非替换元素,则要指定一个明确的宽度;否则,它们会尽可能地窄。

还可以利用display:inline;将div强制转换为内联元素也可实现多个div处于同一行。