问答详情
源自：3-1 3. border-color与color

hover与图形变色

老师 你好！ 十字图形里面的十字是用伪类生成了 能不能麻烦贴下完整代码 非常感谢 自己做了一上午没做出来 

提问者：龙晓秀 2016-11-16 12:50

个回答

  • 沧伤微夏弃流年
    2016-11-17 14:00:36
    已采纳

    不一样，before是在元素之前插入，after是在元素之后插入

    1
  • 沧伤微夏弃流年
    2016-11-16 15:52:48

    .add{ color:#ccc; transition:color .25s; border:2px dashed; padding:40px; text-align:center;display:inline-block; position:relative}
.add:before{ border-top:8px solid; content:""; width:60px; display:inline-block; position:absolute; left:10px; top:36px;}
.add:after{ border-left:8px solid; content:""; height:60px;display:inline-block;position:absolute; left:36px; top:10px;}
.add:hover{color:#09F;}

    不太简洁，请参考，要是能优化告诉我哦~~~

    4