css怎么写网页图标 |css line-height 兼容

要使用 CSS 编写网页图标，大家首先需要定义一个伪元素（pseudo-element），然后在该伪元素中使用 content 属性添加图标的 Unicode 码或者图标的 URL。

.icon:before {
content: "\f07a";
font-family: "Font Awesome 5 Free";
}

在上面的代码中，大家定义了一个类名为 “icon” 的元素，并在其伪元素 “:before” 中使用 content 属性添加了一个 Unicode 码，它代表了一个名为 “fa-book” 的图标。注意，大家还需要定义该字体的名称为 “Font Awesome 5 Free”，这样该字体才能正确地被加载和显示。

除了使用 Unicode 码外，大家也可以使用图标的 URL，例如：

.icon:before {
content: url("path/to/icon.png");
}

在上面的代码中，大家同样定义了一个类名为 “icon” 的元素，并在其伪元素 “:before” 中使用 content 属性添加了一个图标的 URL。需要注意的是，大家应该使用相对路径或者绝对路径指定图标的路径。

通过上面的代码，大家就可以使用 CSS 编写网页图标了。不过，大家还可以对图标的尺寸、颜色等属性进行进一步调整，从而适应不同的需求。