汉字着重号的网页实现

<span class= 'focus_on'>中文符号</span >
无换行着重符号

带颜色 符号 更换类名即可 默认为黑色

.focus_on{
  text-emphasis: black open ;
  -webbit-text-emphasis:black open;

  text-emphasis-style:'●';
  -webkit-text-emphasis-style:'●';
  -webkit-text-emphasis-position: under;
  text-emphasis-position: under;
}
.focus_on_red{
  text-emphasis: red open ;
  -webbit-text-emphasis:black open;
  text-emphasis-style:'●';
  -webkit-text-emphasis-style:'●';
  -webkit-text-emphasis-position: under;
  text-emphasis-position: under;
}
.focus_on_green{
  text-emphasis: green open ;
  -webbit-text-emphasis:black open;
  text-emphasis-style:'●';
  -webkit-text-emphasis-style:'●';
  -webkit-text-emphasis-position: under;
  text-emphasis-position: under;
}
.focus_on_orange{
  text-emphasis: orange open ;
  -webbit-text-emphasis:black open;
  text-emphasis-style:'●';
  -webkit-text-emphasis-style:'●';
  -webkit-text-emphasis-position: under;
  text-emphasis-position: under;
}
.focus_on_yellow{
  text-emphasis: yellow open ;
  -webbit-text-emphasis:black open;
  text-emphasis-style:'●';
  -webkit-text-emphasis-style:'●';
  -webkit-text-emphasis-position: under;
  text-emphasis-position: under;
}
.focus_on_blue{
  text-emphasis: blue open ;
  -webbit-text-emphasis:black open;
  text-emphasis-style:'●';
  -webkit-text-emphasis-style:'●';
  -webkit-text-emphasis-position: under;
  text-emphasis-position: under;
}
.focus_on_purple{
  text-emphasis: purple open ;
  -webbit-text-emphasis:black open;
  text-emphasis-style:'●';
  -webkit-text-emphasis-style:'●';
  -webkit-text-emphasis-position: under;
  text-emphasis-position: under;
}