CSS蓝字特效是网站设计中常用的一种效果，它可以让文字变得更加生动、突出，更有吸引力。下面，我们就来看看怎么创建这种效果。

蓝字特效的基本代码如下所示：
{
color: #007fff;
text-decoration: none;
border-bottom: 2px solid #007fff;
transition: border-bottom .3s ease-in-out;
}

首先，我们要设置文字的颜色为蓝色。在这里，我们使用了HEX值#007fff。

其次，我们将文字的下划线（text-decoration）设置为none，这样可以去掉默认的下划线效果。然后，我们通过设置border-bottom属性，给文字添加底部边框，这样可以让文字看起来更加突出。在这里，我们使用2px的实线方式来显示底部边框，并将颜色设置为#007fff。

最后，我们为边框添加了一个过渡效果。这样可以让文字在鼠标悬停时，底部边框产生动态变化，更加吸引眼球。

可以看到，在一些主打设计和品牌体验的网站中，蓝字特效都被广泛应用。

比如，在Mozilla的官网中，通过蓝字特效将各种链接突出展现：