怎么在一段文字前面加一个红色的星号

发布时间:2023年12月22日

有一个小需求,对前端来说很简单,就是在一段文字前面加一个红色的星号,提醒用户注意这段文字,实现效果如下

第一段文字前面的星号,实现代码如下

<template>
    <div?>

    <span class="red-star" >有关本网站的任何建议和投诉,请填写下面的表格,我们会认真倾听您的        建议或投诉。感谢!</span>

    </div>

    ...

</template>




<style>
.red-star {
    position: relative;
    display: inline-block;
}

.red-star::before {
    content: "*";
    color: red;
    position: absolute;
    left: -20px;
}

</style>

so easy!

文章来源:https://blog.csdn.net/weixin_43680337/article/details/135144177
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。