美文网首页
手写经过li时加一层+

手写经过li时加一层+

作者: 芭里克婷 | 来源:发表于2018-05-23 14:47 被阅读0次

1.

2..tab-ul li{

padding-left:32px;

width:78px;

height:34px;

line-height:34px;

margin-bottom:10px;

color:white;

font-size:14px;

position:relative;

overflow:hidden;

cursor:pointer;

.addIcon{

display:none;

position:absolute;

left:0;

bottom:0;

width:100%;

height:100%;

background-color:rgba(0,0,0,.5);

&::after,&::before{

content:'';

position:absolute;

left:50%;

top:50%;

width:15px;

height:3px;

background-color:#fff;

transform:translate(-50%, -50%);

-webkit-transform:translate(-50%, -50%);

}

&::before{

height:15px;

width:3px;

}

}

&:hover .addIcon{

display:block;

}

&.li1{

background:url("../images/icon1.png")no-repeat 10px center #00C88F;

}

&.li2{

}

&.li3{

}

&.li4{

}

}

3.

相关文章

  • 手写经过li时加一层+

    1. 2..tab-ul li{ padding-left:32px; width:78px; height:34...

  • web前端多个ul嵌套 如何只显示第一层ul下的最后一个li,

    这样写是只控制第一层的li标签 #treeDemo > li{ display: none; } 只显示第一层ul...

  • 一些浏览器的兼容和雪碧图的使用

    当用li标签包裹住a标签,鼠标经过,让其它元素显示时。要写li:hover div{各种样式}而不能写ul l...

  • 列表和图标

    子代选择器-以嵌套ul为例,给第一层的li加边框 子代选择器:选择相邻的后代,能减少代码重复,用>符号连接。 列表...

  • 面试题

    数组易错点 JS数字精度问题(点击查看解析) li和li之间会有空白间隙,咋解决? 如果需要手写动画,最小时间间隔...

  • 分页思路

    在制作网站时,很多分页都是采用li的显示为内嵌,但这样不利于定义背景,所以最好的办法是让li显示为块加浮动去解决,...

  • 如何让《通往财富自由之路》的重读计划更有价值?

    经过近一周时间的手写心得践行,目前已经有近一半的伙伴(准确的数据是46%,已经输出心得11名,截止今天3月21日加...

  • 2018-07-13

    在手机照片上加手写文字

  • 鸽子觅食的问题

    那天有事出门办事,经过某熟食中心时,意外发现它外围加建了一层"网"?这应该是为了解决成群的鸽子在熟食中心出没抢食剩...

  • 《种子》

    诗词|Cherily Li 我用一层黑色坚硬外衣 包裹住一颗顽强...

网友评论

      本文标题:手写经过li时加一层+

      本文链接:https://www.haomeiwen.com/subject/kdyrjftx.html