[CSS] css使用first-child 和last-child 实现三条杠效果
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;}
[CSS] css使用first-child 和last-child 实现三条杠效果相关推荐
- [JS,CSS] - CSS圆角框组件
来源:http://www.cnblogs.com/binyong/archive/2009/12/11/1621484.html 下载地址:http://files.cnblogs.com/biny ...
- simple css 汉化,Simple CSS(CSS文档生成器)
Simple CSS(CSS文档生成器)简介 Simple CSS(CSS文档生成器)简介一:Simple CSS是一款CSS文档生成器,帮助网页开发人员快速生成CSS样式,Simple CSS使用非 ...
- [css] css常用的布局方式有哪些?
[css] css常用的布局方式有哪些? 1:圣杯布局 2:双飞翼 3:flex 个人简介 我是歌谣,欢迎和大家一起交流前后端知识.放弃很容易, 但坚持一定很酷.欢迎大家一起讨论 主目录 与歌谣一起通 ...
- [css] css的属性content有什么作用呢?有哪些场景可以用到?
[css] css的属性content有什么作用呢?有哪些场景可以用到? content属性与 ::before 及 ::after 伪元素配合使用生成文本内容通过attr()将选择器对象的属性作为字 ...
- [css] CSS的伪类和伪对象有什么不同?
[css] CSS的伪类和伪对象有什么不同? 伪类是给当前选中节点添加新样式, 伪对象是给当前选中节点添加伪元素. 伪类选择器使用:,伪对象选择器使用::,因为兼容旧版,所以伪对象使用:也能解析. 个 ...
- [css] CSS中的calc()有什么作用?
[css] CSS中的calc()有什么作用? 用来计算长宽的属性,非常好用,百分比,px,vh/vm都可参与计算, 不过正如上面的大兄弟说的,运算符的左右要有空格,要不然不生效 个人简介 我是歌谣, ...
- [css] css怎样使每个字符宽度一样?
[css] css怎样使每个字符宽度一样? 控制字符间距:letter-spacing:1em;[em,px,rem] 个人简介 我是歌谣,欢迎和大家一起交流前后端知识.放弃很容易, 但坚持一定很酷. ...
- [css] css中的border:none和border:0px有什么区别?
[css] css中的border:none和border:0px有什么区别? none是没有边框. 0px是边框的宽度为0px. 个人简介 我是歌谣,欢迎和大家一起交流前后端知识.放弃很容易, 但坚 ...
- [css] css的linear-gradient有什么作用呢?
[css] css的linear-gradient有什么作用呢? 概念:线性渐变,向下/向上/向左/向右/对角方向,为了创建一个线性渐变,你必须至少定义两种颜色结点.颜色结点即你想要呈现平稳过渡的颜色 ...
最新文章
- java快速创建dto_根据数据库表对象信息快速建立Dto类详解
- src源代码生成html格式文档
- 优化asp.net ajax的脚本资源下载
- 浅谈移动端中的视口(viewport)
- MATLAB应用实战系列NSGA-II多目标优化算法原理及应用实例(附MATLAB代码)
- 产品需求文档的10步
- python复制多个文件_python 之 复制多个模板文件
- SpringBoot 配置 generator代码生成+knife4j接口文档(2种模板设置、逻辑删除、字段填充 含代码粘贴可用)保姆级教程(注意事项+建表SQL+代码生成类封装+测试类)
- 小爱同学app安卓版_这一届的小爱Play,居然连喵都敢撩……
- maven 单元测试并行_并行运行单元测试
- 企业实战03:Oracle数据库_用户和表空间
- python路径拼接os.path.join()函数完全教程_详解python路径拼接os.path.join()函数的用法...
- OCIEnvCreate 失败,返回代码为 -1的解决方法
- php循环的应用案例,php for循环的实例分享
- 上传叶绿体基因组序列至NCBI
- 软考_信息系统项目管理师_信息系统项目管理基础
- 2021四川紧急选调/国考备考策略----申论/行测(2020.8.22号开始)
- Python基础知识之7
- MySQL中主键和unique的区别
- Gale-Shapley 算法 寻找稳定婚配java实现