Css 替换<;人力资源>;带有自定义图示符的线条

Css 替换<;人力资源>;带有自定义图示符的线条,css,markdown,pseudo-element,typography,Css,Markdown,Pseudo Element,Typography,我想用三个星号(水平居中)替换默认情况下由标记呈现的水平线。如果可能,我想用纯CSS实现这一点,具体来说: 我不想碰我的标记,应该只有普通的,没有助手div或类似的东西(因为我正在设置标记文件的样式) 没有背景图像 没有Javascript 首先,我尝试: hr { width: 0; } hr:before { content: "***"; } 它几乎做到了,但我希望它居中,不知道如何居中。在psuedo元素上打一个文本对齐:居中。浏览器使用边框显示,因此: hr{

我想用三个星号(水平居中)替换默认情况下由

标记呈现的水平线。如果可能,我想用纯CSS实现这一点,具体来说:

  • 我不想碰我的标记,应该只有普通的

    ,没有助手div或类似的东西(因为我正在设置标记文件的样式)
  • 没有背景图像
  • 没有Javascript
首先,我尝试:

hr {
    width: 0;
}

hr:before {
    content: "***";
}

它几乎做到了,但我希望它居中,不知道如何居中。

在psuedo元素上打一个
文本对齐:居中。

浏览器使用边框显示

,因此:

hr{
边界:无;
}
之前{
内容:“***”;
显示:块;
文本对齐:居中;
}