如何在新设计中创建CSS通知警报

是否可以在CSS中创建类似[此警报][1]的内容？我在我的cPanel仪表板中看到此警报。在这里，当我试图查看该代码时，我也尝试查看该代码的Css，并返回到登录页面。我做不到

就这么简单：

我已经为图标测试添加了FontAwesome。您可以选择字体图标列表

要查找的相关图标代码。警告：在内容之前，单击列表中的图标并复制unicode文本

不要忘记在内容中的unicode前面加上反斜杠

.alert{
最大宽度：550px；
位置：相对位置；
填充：10px 20px 10px 10px；
利润率：10px自动；
边界半径：3px；
背景色：#faf8df；
边框：2px实心#f5c340；
左边框宽度：40px；
}
.警告：之前{
内容：'\f071'；
字体系列：“FontAwesome”；
位置：绝对位置；
左：-27px；
最高：50%；
转化：translateY（-50%）；
颜色：#fff；
}
.警报，关闭{
位置：绝对位置；
右：8px；
光标：指针；
顶部：10px；
颜色：#999；
}

警告：这是要显示为警告消息的文本。
&时代；

@Arjit最好的方法是在站点中使用字体图标，其中包含矢量格式的所有站点图标。（请参见：www.icomoon.com）例如，您可以将感叹号图标、危险图标、成功和信息图标替换为。警告：在内容之前。