请选择 进入手机版 | 继续访问电脑版

弘帝企业智能建站系统交流平台

 找回密码
 立即注册
查看: 1981|回复: 0

【CSS】实现部分文字的颜色修改

[复制链接]
发表于 2019-9-28 13:17:19 | 显示全部楼层 |阅读模式
https://www.w3cways.com/example?pid=1677
DIV:
<span class="hf" data-content="WS">WSTDS</span>
CSS:
.hf {
display: inline-block;
font-size: 80px;
line-height:80px;
color: #000;
position: relative;
overflow: hidden;
white-space: pre;/* 处理空格 */
}
.hf:before {
FONT-WEIGHT: 500;
position: absolute;
left: 0;
top: 0;
color: #f00;
display: block;
width: 50%;/*如果想变色一半文字,就设置50%*/
content: attr(data-content);/* 伪元素的动态获取内容 */
overflow: hidden;
}
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|小黑屋|弘帝企业智能建站系统 ( 皖ICP备07503252号 )

GMT+8, 2024-3-29 05:09 , Processed in 0.082092 second(s), 15 queries .

Powered by Discuz! X3.4

© 2001-2017 Comsenz Inc.

快速回复 返回顶部 返回列表