当前位置: 首页 > news >正文

html`<mark>`

<mark>以语义方式突出显示部分文本

<section><h2>Default Style</h2><p>Here, the <mark>searched term</mark> is highlighted.
</section>
<section><h2>Custom Style</h2><p>Here, the <mark class="styled">searched term</mark> is highlighted.
</section>
body {padding: 16px;background-color: black;color: #fff;
}section {margin-bottom: 64px;
}h2 {color: #9b8ee1;
}mark.styled{background-color: transparent;
/*   color: red;  */color: yellow;
}
See the Pen html`<mark>` by liu874396180 ( @liu874396180) on CodePen.
http://www.dtcms.com/a/503539.html

相关文章:

  • C++ stack 和 queue
  • 洛谷 P1035:[NOIP 2002 普及组] 级数求和 ← double
  • C程序中的大规模程序设计:从模块化到抽象数据类型
  • 响应式网站高度如何计算seo自动点击排名
  • 企业网站引导页模板江西门户网站建设
  • Prim 算法和 Kruskal 算法应用场景
  • 雷电模拟器环境配置
  • 南沙移动网站建设中元建设集团网站
  • 公司网站百度推广wordpress没中文插件
  • 手写Spring第7弹:Spring IoC容器深度解析:XML配置的完整指南
  • java的异常体系
  • pybullet
  • Filebeat、ELK安装与数据同步
  • 嵌入式开发学习日志40——stm32之I2C协议层
  • 网站建设公司小江可以做试题的网站
  • Android 四大组件桥梁 —— Intent (意图) 详解
  • 小鱼在线网站建设网站注册步骤
  • wordpress 视频站模板wordpress和网盘结合
  • Orleans流背压控制机制深度分析
  • Java并发之队列同步器AQS原理
  • c++11可变模版参数 emplace接口 新的类功能 lambda 包装器
  • 手机代码网站有哪些问题吗制作视频特效
  • 济南正规的网站制作郑州做网站九零后网络
  • SQL入门:分页查询核心技术解析
  • 5.3 TCP (答案见原书 P252)
  • 教育房地产 网站建设中山网站建设找丁生
  • 【第十八周】自然语言处理的学习笔记03
  • 探索 Python 判断语句:逻辑与感性的交汇
  • 深圳哪家制作网站好成都近期发生的大事
  • IDEA Gradle并行编译内存溢出问题