css保留小数点后两位

CSS是网站设计中必不可少的一部分，其中保留小数点后两位是常见的需求。下面就简单介绍一下如何使用CSS实现这一功能。

例子：

<style>
    p {
        font-size: 20px;
        line-height: 1.5;
        color: #333;
        text-align: justify;
        padding-bottom: 10px;
        margin-bottom: 20px;
        border-bottom: 1px solid #ccc;
    }
    .money {
        color: red;
    }
</style>

<p>经济学家预测，今年的GDP增长率可能达到<span class="money">7.2%</span>。</p>

如上所示，我们可以使用CSS的color属性来设置字体颜色，从而实现小数点保留后两位的需求。我们可以将这个需要保留小数点后两位的部分放在一个<span>标签中，然后通过为这个<span>标签添加class、id或其他属性，来方便地对这个区块进行样式的调整。

除了使用color属性外，我们还可以使用text-shadow属性来给小数点添加阴影，从而让这个数字看起来更加突出。

例子：

<style>
    .money {
        color: red;
        text-shadow: 1px 1px 0 #ccc;
    }
</style>

<p>经济学家预测，今年的GDP增长率可能达到<span class="money">7.2%</span>。</p>

以上就是如何使用CSS保留小数点后两位的方法，希望对大家有所帮助。