时光流逝，一眨眼2023年马上已经过完三个月啦，三月的尾巴写点什么文章呢？那就写一篇主题的魔改记录吧。前几天在访问购买的正版收费主题作者的网站时，发现作者主题更新了。更新日志中更新优化搜索页面功能，重写摘要代码，增加搜索关键词及高亮显示功能。与时俱进嘛，马上也更新了自己使用的主题，更新完后马上试了下搜索功能如下图，搜索的关键字有高亮显示了。可是高亮显示的背景是黄色的不太喜欢，那怎么办呢？只能自己动手调试修改了，谁叫自己喜欢魔改网站呢。

于是抱着喜欢的学习的态度打开浏览器的F12开发者工具控制台调试定位到高亮显示部分，发现代码里面是使用mark标签来实现的，知道使用什么标签来实现以后那就好办啦开搞，搜索了下css样式表中没有发现相关mark标签样式，那为什么背景是黄色的呢，百度了下发现原来mark标签默认的背景颜色就是黄色的，是否可以自定义mark样式呢？答案是可以的。魔改完简单写个教程记录下以免下次忘记怎么使用mark标签美化！同时也给需要同学提供一丢丢帮助。

mark标签CSS样用法

mark标签定义带有记号的文本，并且是在需要突出显示文本时使用<m>标签，使用mark标签元素，可以高亮显示文档中的文字以达到醒目的效果

背景颜色设置代码

background-color:#FFFFFF;

高亮字体颜色

color:#FF6A00

定义字体粗细属性

数值600为设置字体粗细，也可以用bold

font-weight:600

css样式

#FFFFFF和#FF6A00为HTML中代表颜色的字母，喜欢其他颜色的可以自行更改

mark{
    background-color:#FFFFFF;
    color:#FF6A00;
    font-weight:600;
}

设置完后效果

OK，教程已结束，记录下以免下次忘记怎么使用mark标签美化，同时也给需要同学提供一丢丢帮助。继续魔改自己的网站去啦~~~