js实现红心好评

最新推荐文章于 2024-03-06 20:14:13 发布

VIP文章刘先生LSS

最新推荐文章于 2024-03-06 20:14:13 发布

阅读量1.2k

点赞数

文章标签： javascript

本文链接：https://blog.csdn.net/hnspystqxskzlqc/article/details/123958210

版权

5星好评在美团中最为常见，大家不仅要知道效果，也要对实现效果的代码有了解。

接下来上代码！！！

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="base.css"/>
		<style type="text/css">
			*{
				list-style: none;
			}
			.wrapper {
				width: 600px;
				height: 80px;
				line-height: 70px;
				border: 1px solid orange;
				margin: 0 auto;
				margin-top: 10px;
				box-shadow: orange 0px 0px 10px; 
			}

			span {
				float: left;
				font-size: 40px;
				margin-left: 60px;
			}
			li {
				float: left;
				font-size: 55px;
				margin-left: 10px;
			}
			.effect{
				color: red;
			}
			li:hover{
				cursor: pointer;
			}
		</style>
	</head>
	<body>
		<div class="wrapper">
			<span>对

最低0.47元/天解锁文章

刘先生LSS

关注

0
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
js实现红心好评

5星好评在美团中最为常见，大家不仅要知道效果，也要对实现效果的代码有了解。接下来上代码！！！<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <link rel="stylesheet" type="text/css" href="base.css"/> <style type="text/css"&gt
复制链接

扫一扫