多字叠写怎么设置

这个多字叠写设置啊,我之前在做社区论坛的时候,遇到过这个问题。那时候有个活动,用户评论里要写个祝福语,还得是叠字的那种,挺有特色。当时就是直接在CSS里写的,设置起来还挺简单的。
我那时候是这么操作的:首先,在HTML里,我用标签包裹了那些要叠写的字。然后,在CSS里,给这个加了一个样式,叫text-fill-color,这个属性可以用来设置文字的填充颜色。然后我就把文字颜色设置为透明,背景颜色设置为你要的叠字颜色。
比如,我要写“好好好”,我就这样写:
好好好
然后CSS:
css .text-fill { text-fill-color: red; / 叠字的背景颜色 / color: transparent; / 文字颜色设置为透明 / background-clip: content-box; / 背景只裁剪到内容框 / padding-left: 2px; / 为了让文字看起来是重叠的,这里可以调整 / }
这样设置完之后,“好好好”三个字就会重叠显示,看起来就像叠字一样了。不过这个方法可能不是所有的浏览器都支持,得看具体环境。
对了,还有个办法是使用
标签,设置background-color和color来实现,不过这个方法比较原始,效果可能没有直接用text-fill-color那么好。
这块我就先讲到这里,你试试看,不行再找我哈。
多字叠写用
换行
比如:实操
落地
排坑
10年
一线
人员

相关推荐