                        課程
                    
                        /前端開發(fā)
                        
                            /HTML/CSS
                        
                        /CSS深入理解之border

hover與圖形變色

老師你好！十字圖形里面的十字是用偽類生成了能不能麻煩貼下完整代碼非常感謝自己做了一上午沒做出來?

龍曉秀

2016-11-16

源自：CSS深入理解之border 3-1

關(guān)注問題我要回答

1850

操作

收起

1 回答

滄?zhèn)⑾臈壛髂?/span> 回答被采納 +3 積分
2016-11-17

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

1 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

龍曉秀提問者

好的我去看下非常感謝回答！

2016-11-17 回復(fù) 有任何疑惑可以回復(fù)我~

滄?zhèn)⑾臈壛髂?/span>
2016-11-16

.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;}

不太簡潔，請參考，要是能優(yōu)化告訴我哦~~~

4 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

Qzhor

謝謝，以前沒寫過偽元素

2016-11-16 回復(fù) 有任何疑惑可以回復(fù)我~

Qzhor 回復(fù) Qzhor

這里的before和after是一樣的作用？

2016-11-16 回復(fù) 有任何疑惑可以回復(fù)我~

龍曉秀提問者回復(fù) Qzhor

同學(xué) 偽元素應(yīng)該還是非常多的可以去看看不錯(cuò)的呵呵

2016-11-17 回復(fù) 有任何疑惑可以回復(fù)我~

查看6條回復(fù)

舉報(bào)

0/150

提交

取消

CSS深入理解之border

參與學(xué)習(xí) 56793 人
解答問題 75 個(gè)

深入講解border使用方法及應(yīng)用，以及如何借助border完成布局

進(jìn)入課程

本課相似問答

3 回答border-color之hover圖片變色

1 回答鼠標(biāo)移到圖形上面，邊框和圖形同時(shí)發(fā)生變色，只需要設(shè)置邊框border-color跟圖形過渡transition的值就可以了嗎？

4 回答還是搞不清楚怎么改變png圖片顏色？，老師的代碼也運(yùn)行不起

4 回答三角形顯示

2 回答三角形不顯示

搜索更多本課相關(guān)問答

hover與圖形變色

我要回答關(guān)注問題

第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

熱搜

最近搜索清空

hover與圖形變色

1 回答

本課相似問答

hover與圖形變色