HTML原生评分组件，带星星

最新推荐文章于 2024-05-04 07:32:37 发布

yf_d

最新推荐文章于 2024-05-04 07:32:37 发布

阅读量1k

点赞数

分类专栏：前端文章标签：评分组件 HTML CSS

本文链接：https://blog.csdn.net/u010913414/article/details/107855816

版权

效果图：用原生写的，很简单的评分。

下面是具体代码，很简单，评分提示没有写css，因为看个人喜好吧，需要就用，不需要就不用显示。

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href="//netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
    <title>Document</title>
</head>
<style>
    #score__component {
        width: 60%;
        transition: all 300ms;
        margin-left: 20%;
        text-align: center;
        background-color: #fff;
        margin-top: 30

最低0.47元/天解锁文章

yf_d

关注

0
点赞
踩
3

收藏

觉得还不错? 一键收藏
1
评论
HTML原生评分组件，带星星

效果图：用原生写的，很简单的评分。下面是具体代码，很简单，评分提示没有写css，因为看个人喜好吧，需要就用，不需要就不用显示。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"...
复制链接

扫一扫