word文档添加对勾 √

版本:word2016
在word里,一次点击:插入 -> 符号 ->其他符号
这里写图片描述

在弹出来的字体里选 Wingdings 2:
这里写图片描述

点击插入,就插入成功了。
这里写图片描述

### 实现点击按钮后显示对图标的效果 为了实现点击按钮后在右下角显示带有背景颜色的对图标,可以采用HTML、CSS以及JavaScript相结合的方式完成。以下是具体实现方式: #### HTML 结构 创建一个简单的按钮结构,并为其添加一个用于控制状态的类名。 ```html <div class="button-container"> <div class="price-box">点击我</div> </div> ``` #### CSS 样式 通过CSS伪元素`::after`来定义对图标的样式,并利用父级容器的状态变化动态调整其显示与否。 ```css .price-box { width: 150px; height: 50px; background-color: #f0f0f0; text-align: center; line-height: 50px; cursor: pointer; position: relative; transition: all 0.3s ease; } .price-box.active { border: 2px solid #FF3333; } .price-box.active::after { content: '✔'; display: block; width: 0; height: 0; position: absolute; bottom: -18px; right: -18px; color: white; font-size: 14px; line-height: 18px; border: 18px solid; border-color: transparent #FF3333 #FF3333 transparent; }[^3] ``` #### JavaScript 动态交互 使用JavaScript监听按钮的点击事件,在触发时切换对应的激活状态。 ```javascript document.querySelector('.price-box').addEventListener('click', function () { this.classList.toggle('active'); }); ``` 以上代码实现了当用户点击`.price-box`时,该元素会在正常状态和激活状态之间切换。如果处于激活状态,则会显示一个带红色背景的对图标于右下角位置。 ### 注意事项 - **兼容性**:上述方案基于现代浏览器支持的标准特性构建而成,对于老旧版本可能需要额外处理。 - **可维护性**:将视觉表现逻辑集中到CSS文件中便于后期修改与优化;而行为层面上的操作则交由独立JS脚本负责管理[^1]。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值