[CSS] css使用first-child 和last-child 实现三条杠效果
2023-02-18 15:36:52 时间
first-child 和last-child是伪类选择器,选择第一个和选择最后一个子元素
现在实现下面的效果
<div class="menuico"><span></span><span></span><span></span></div>
.menuico span { display: block; width: 21px; height: 2px; background-color: #666; } .menuico span:first-child { margin-top: -6px; } .menuico span:last-child { margin-top: 6px; }
相关文章
- PromQL的简单使用
- Prometheus基于文件的服务发现
- Prometheus重新标记
- Prometheus的单机部署
- Vim的简单使用
- SpringBoot整合kafka
- kafka生产者和消费者api的简单使用
- kafka错误之 Topic xxx not present in metadata after 60000 ms
- kafka的基本概念
- 处理微信回调事件
- 微信公众号开发接入
- kafka集群搭建
- Spring Cloud Alibaba Nacos Config 的使用
- Spring Cloud Gateway GatewayFilter的使用
- Spring Cloud Gateway Route Predicate Factory 的使用
- Charles的简单用法
- Spring Cloud Alibaba整合Sentinel
- Spring Cloud Alibaba 的服务注册与发现
- 阿里Nacos部署
- SpringBoot整合多个RabbitMQ