課程
/前端開發
/CSS3
/CSS3實現“圖片陰影”效果
這個好像有問題，但是你講的是沒有錯誤的，只是寫的寫錯了。
2015-11-04
源自：CSS3實現“圖片陰影”效果 1-6
正在回答
沒有寫錯，就是這樣。你可以實際測試一下。after和before偽元素并非是指在元素后或前插入內容，注意是元素的內容后面。比如<p>aa</p>使用了 p:after{content:'bb'}得到的效果是aabb，但它并非是你想想象的源碼<p>aa</p>bb(,而是<p>aabb</p>。其實這個效果你只要是看aa與bb是否在同一行就一目了然。
XYlim
舉報
利用多投影重疊的原理，實現曲線陰影與翹邊陰影的效果
4 回答before和after的問題
1 回答:before和 :after 產生的效果，都不是基于.warp的
2 回答before和after現在不是規定要寫雙冒號了嗎？
2 回答為什么before沒有出現在外面？為什么after出現在外面了？
4 回答既然after是出現在下面，那before就應該出現在上面啊，這個怎么解釋啊？博主沒有講清楚！?。。。。?！
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2015-11-04
沒有寫錯，就是這樣。你可以實際測試一下。after和before偽元素并非是指在元素后或前插入內容，注意是元素的內容后面。比如<p>aa</p>使用了 p:after{content:'bb'}得到的效果是aabb，但它并非是你想想象的源碼<p>aa</p>bb(,而是<p>aabb</p>。其實這個效果你只要是看aa與bb是否在同一行就一目了然。