忘忧的小站

  • 首页
  • 文章归档
  • 日志
  • 关于页面

  • 搜索
分布式索引 索引 全文搜索 Lucene.Net GPS 音视频 过滤 AOP 时区 升级 ABP.Zero 数据备份 linux 阿里云盘 aliyunpan 面试题 Signalr S 汉字 css html 前端 拼音键盘 在线键盘 uniapp .Net Core XMLRPC Serilog LOKI Nlog 分布式日志 加密 总结 人生 Asp.Net Core Swagger Web Element-plus Quasar 匹配 JavaScript 正则 .Net 后台 架构师 Redis EF CORE MySQL 自考 英语 集群 Jenkins CI/DI 内网穿透 代理 ABP 学习 后端 软考

汉字着重号的网页实现

发表于 2022-09-09 | 分类于 vue | 1 | 阅读次数 1176

汉字着重号的网页实现

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

image

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

颜色 类名
黑色 focus_on
红色 focus_on_red
绿色 focus_on_green
橙色 focus_on_orange
黄色 focus_on_yellow
蓝色 focus_on_blue
紫色 focus_on_purple
.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;
}

  • 本文作者: 忘忧
  • 本文链接: /archives/91
  • 版权声明: 本博客所有文章除特别声明外,均采用CC BY-NC-SA 3.0 许可协议。转载请注明出处!
# 前端 # html # css # 汉字
JavaScript字符串每N位截取一次
代理下载工具
  • 文章目录
  • 站点概览
忘忧

忘忧

君子藏器于身,待时而动,何不利之有

44 日志
6 分类
60 标签
RSS
Github E-mail StackOverflow
Creative Commons
0%
© 2025 忘忧
由 Halo 强力驱动