随着Firefox 131也支持了CSS Custom Highlight API,至此,所有现代浏览器下都可以实现无标签的文本内容高亮效果了。
文章关键字 ‘text-decoration’
今日学习CSS文本自定义高亮API
2024年07月18日,星期四一万年了,CSS text-align-last终于可以用了
2023年03月12日,星期日Safari啊Safari,都这个年代了,你还支持text-align-last作甚,当年千呼万唤你不出来,如今无人问津了却粉墨登场,唉,支持总归不必支持好,在单行内容的纯文本控制领域,这个属性还是有个无可替代的优势的。
好消息,CSS text-underline-offset可以用起来了
2021年02月17日,星期三text-underline-offset属性可以设置下划线的偏移位置,可以有效解决中文字体下划线和字符重叠的问题,目前已经可以放心使用了。
直线等图形3D穿过文字的CSS实现
2021年02月14日,星期日本文介绍一种CSS小技巧,可以实现线条从元素或字符的中间穿过,实现不难,但是思路很巧妙,希望本文的技术关键时候可以帮到您。
使用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属性。