龙晓秀
2016-11-16 12:50
老师 你好! 十字图形里面的十字是用伪类生成了 能不能麻烦贴下完整代码 非常感谢 自己做了一上午没做出来
不一样,before是在元素之前插入,after是在元素之后插入
.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;}
不太简洁,请参考,要是能优化告诉我哦~~~
CSS深入理解之border
56800 学习 · 73 问题
相似问题