文章关键字 ‘text-decoration’

使用CSS text-emphasis对文字进行强调装饰

2020年06月16日,星期二

过去想要强调文字,做法是加粗,或者使用高亮颜色,现在可以使用text-emphasis属性进行强调装饰,我们可以指定任意的装饰字符,很实用的一个CSS新属性。

阅读全文…

CSS text-decoration实现宽度100%波浪线效果

2020年03月21日,星期六

波浪线头图占位图

波浪线效果CSS 径向渐变可以绘制,SVG也可以实现,这里介绍另外一个自己想到的实现方法,使用text-decoration实现宽度100%波浪线效果,易理解易上手,尺寸可控,颜色可控。

阅读全文…

解决文字和text-decoration:underline下划线重叠问题

2016年11月23日,星期三

CSS text-decoration:underline可以给内联文本增加下划线,但是,如果对细节要求较高,就会发现,下划线经常会和中文文字的下边缘搞在一起,英文的话甚至直接穿越,看起来就比较香菇蓝瘦。

有没有什么办法让下划线不要靠得这么近,或者文字可以完整清晰地显示呢?

有,方法还不少……

阅读全文…

了解CSS3 text-decoration波浪线等新特性

2015年06月4日,星期四

了解CSS text-decoration新特性新表现,包括波浪线,虚线,点线以及双实线等类型,以及下划线从文字下面穿过的效果实现等。介绍text-decoration-line, text-decoration-style, text-decoration-color等CSS属性。

阅读全文…