在CSS中，下划线是一种常用的文本修饰方式，它可以通过样式属性来创建和修改。其中下划线的宽度和颜色是比较重要的两个属性，对于文本展示效果有着重要的影响。

/* 下划线宽度属性 */
text-decoration: underline;           /* 默认下划线值 */
text-decoration: underline double;    /* 双下划线 */
text-decoration: underline dotted;    /* 点划线 */
text-decoration: underline dashed;    /* 虚线 */
text-decoration: underline wavy;      /* 波浪线 */
/* 下划线颜色属性 */
text-decoration-color: red;           /* 直接设置颜色 */
text-decoration-color: inherit;       /* 继承父元素颜色 */
text-decoration-color: initial;       /* 初始值，等同于颜色为黑色 */
text-decoration-color: transparent;   /* 透明 */

通过上述代码，我们可以设置不同的下划线宽度和颜色，从而实现自己想要的文本样式效果。

在日常设计中，合适的下划线宽度和颜色可以让文本更加突出，并使得文本和其他元素的区分更加明显。

需要注意的是，下划线颜色属性在不同浏览器中的渲染效果可能会有所不同，需要进行适当的调整。此外，通过CSS也可以实现其他更为复杂的下划线效果，例如渐变色、背景图片等，可以根据具体需求进行实现。