您的位置:首页 > 汽车 > 时评 > 室内设计公司排名国外_百度关键词怎么做_怎么在网上推广广告_sem托管公司

室内设计公司排名国外_百度关键词怎么做_怎么在网上推广广告_sem托管公司

2024/12/23 16:13:04 来源:https://blog.csdn.net/sunshine641/article/details/144563477  浏览:    关键词:室内设计公司排名国外_百度关键词怎么做_怎么在网上推广广告_sem托管公司
室内设计公司排名国外_百度关键词怎么做_怎么在网上推广广告_sem托管公司
样式效果:

代码实现:(纯css,伪类实现)

<div class="item" v-for="i in 3" :key="i" :class="i===1?'selected':''">{{ i }}</div><style>.item {padding: 6px 12px;background-color: #ffffff;border: 1px solid #ddd;width: 40px;margin: 10px;text-align: center;display: inline-block;position: relative;   // 必须有}.selected {border-color: #14BCF5;&:before {        // 三角形背景content: "";position: absolute;right: 0;bottom: 0;border: 10px solid #14BCF5;border-top-color: transparent;border-left-color: transparent;}&:after {        // 对钩content: "";width: 6px;height: 8px;position: absolute;right: 3px;bottom: 3px;border: 1px solid #fff;border-top-color: transparent;border-left-color: transparent;transform: rotate(45deg);}}
</style>

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com