HTML不同的按钮样式-如齿轮_Html_Angular_Electron

HTML不同的按钮样式-如齿轮

html angular electron

HTML不同的按钮样式-如齿轮,html,angular,electron,Html,Angular,Electron,我有一个叫做“设置”的按钮，我希望这个按钮看起来像一个齿轮。我发现：这是：但是他们不在我的角度/电子项目上工作这是当前按钮（正常按钮）：设置多谢各位您需要在index.html中加载，以便能够像您的第二个示例中那样使用字体很棒的类，如“fa fa gear”。谷歌本身提供了图标列表，请尝试使用它 <!DOCTYPE html> <html> <head> <link rel="stylesheet" href="https://fonts

我有一个叫做“设置”的按钮，我希望这个按钮看起来像一个齿轮。我发现：这是：

但是他们不在我的角度/电子项目上工作

这是当前按钮（正常按钮）：

设置

多谢各位

您需要在

index.html

中加载

，以便能够像您的第二个示例中那样使用字体很棒的类，如“fa fa gear”。

谷歌本身提供了图标列表，请尝试使用它

<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
</head>
<body>

<i class="material-icons">settings</i>
<i class="material-icons" style="font-size:24px;">settings</i>
<i class="material-icons" style="font-size:40px;color:red;">settings</i>
<i class="material-icons" style="font-size:60px;color:green;">settings</i>

</body>
</html>


设置
设置
设置
设置

<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
</head>
<body>

<i class="material-icons">settings</i>
<i class="material-icons" style="font-size:24px;">settings</i>
<i class="material-icons" style="font-size:40px;color:red;">settings</i>
<i class="material-icons" style="font-size:60px;color:green;">settings</i>

</body>
</html>