如何使用css突出显示小数点
我想知道如何使用CSS突出显示数字的小数点。 例如:如何使用css突出显示小数点,css,Css,我想知道如何使用CSS突出显示数字的小数点。 例如: 291.27美元 我希望是这样 $291.*27**您可以向HTML添加另一个类: 。还有别的吗{ 颜色:红色; } $291.27您可以在CSS的帮助下尝试:before和:after伪元素 .something::before{ 内容:attr(数据整型); } 在……之后{ 内容:'.*'属性(数据浮动)'**'; } 使用文本阴影的疯狂想法 什么{ 显示:内联块; 溢出:隐藏; 字体系列:monospace; 字母间距:2
291.27美元
我希望是这样
$291.*27**
您可以向HTML添加另一个类:
。还有别的吗{
颜色:红色;
}
$291.27
您可以在CSS的帮助下尝试:before和:after伪元素
.something::before{
内容:attr(数据整型);
}
在……之后{
内容:'.*'属性(数据浮动)'**';
}
使用文本阴影的疯狂想法
什么{
显示:内联块;
溢出:隐藏;
字体系列:monospace;
字母间距:20ch;
字体大小:25px;
最大宽度:11厘米;
位置:相对位置;
文本阴影:
-20ch 0 0黑色,
-40ch 0 0黑色,
-60通道0 0黑色,
-80通道0 0黑色,
-98通道0 0黑色,
-118CH0黑色;
}
在……之后{
位置:绝对位置;
右:0;
排名:0;
内容:“*****”;
空白:预处理;
字母间距:首字母;
}
291.27美元
$300.17
为什么要求你使用CSS,你不能使用JS吗?不能使用纯CSS。您使用什么服务器端语言?你知道javascript吗?为什么不把数字分成两部分,分别处理小数部分呢your_number.toString().split(“.”
应该可以帮助您获得数字的两部分,然后您可以将它们放在不同的跨距中,并相应地处理css。相关:他要求在浮点数字的开始和结束处使用两个星号,以确保您的js
和代码片段只能正常工作,您的::在
类将所有文本设置为彩色之前red@CodeBug这是可选的,以防他想知道怎么做。@Roj谢谢你,伙计。你是对的,我删除了最后一段。