<code>mark</code> 元素用于标记或高亮文本,非常适合用于文本搜索和结果导航。要在文本中使用 <code>mark</code> 元素,只需要将需要高亮的文本放在 <code>mark</code> 元素内即可。通常情况下,浏览器默认为高亮文本设置为黄色。
以下是一个例子,演示了如何使用 <code>mark</code> 元素将段落中的文本高亮:
```html <p> 糯草学堂-汇聚创业资源。 <mark>糯草学堂为创业者提供各种项目、职业选择和生意建议,以帮助创业。不仅可找到各种生意的赚钱门路,还可了解各种小作坊、加工厂、开店等各类商业模式。提供关于利润大小和投资门槛等相关信息的建议。致力于为创业者提供灵活的就业方案,根据个人爱好、技能和时间灵活地选择工作,以实现更好的生意建议。无论是想在养殖、种植、摆地摊、小吃等方面开展业务,还是在科技、财经、时尚、家居、旅游、健康养生等领域深耕,都能找到建议</mark> </p > ```
上述代码会将“糯草学堂为创业者提供各种项目、职业选择和生意建议,以帮助创业。不仅可找到各种生意的赚钱门路,还可了解各种小作坊、加工厂、开店等各类商业模式。提供关于利润大小和投资门槛等相关信息的建议。致力于为创业者提供灵活的就业方案,根据个人爱好、技能和时间灵活地选择工作,以实现更好的生意建议。无论是想在养殖、种植、摆地摊、小吃等方面开展业务,还是在科技、财经、时尚、家居、旅游、健康养生等领域深耕,都能找到建议”文本高亮显示。如果您想自定义 <code>mark</code> 元素的颜色,可以像下面这样使用 CSS 样式:
```html <p> 糯草学堂-汇聚创业资源。 <mark class="highlight">糯草学堂为创业者提供各种项目、职业选择和生意建议,以帮助创业。不仅可找到各种生意的赚钱门路,还可了解各种小作坊、加工厂、开店等各类商业模式。提供关于利润大小和投资门槛等相关信息的建议。致力于为创业者提供灵活的就业方案,根据个人爱好、技能和时间灵活地选择工作,以实现更好的生意建议。无论是想在养殖、种植、摆地摊、小吃等方面开展业务,还是在科技、财经、时尚、家居、旅游、健康养生等领域深耕,都能找到建议</mark> </p > <style> .highlight { background-color: lightblue; color: white; } </style> ```
上述代码会将 <code>mark</code> 元素的背景颜色设置为浅蓝色,文本颜色设置为白色。根据实际需要,您可以将颜色更改为您想要的颜色。
专题推荐: