スパン要素の前に画像を配置したいと思います。しかし、イメージはとても大きいです。 :: after擬似要素を使ってイメージのサイズを変更できますか?おかげさまで CSS :: ::擬似要素の後ろ
0
A
答えて
0
<span>
より前に画像を追加する方法です。
span{
margin-left:100px;
}
span:before{
content:'';
width:100px;
height:100px;
left:5px;
position:absolute;
background-image : url("https://source.unsplash.com/random");
}
<span> hi </span>
+0
ありがとうございます。 )それは私のための新しい方法です。 –
+0
ようこそ@ChristinaShahoyanあなたのために働くことを歓迎する場合は、答えを受け入れる:-) – frnt
+0
。私はここに新しいと私は今見た;) –
関連する問題
- 1. グローブブラケット擬似要素CSS
- 2. JQueryからの擬似CSS要素の後ろの幅を変更します。
- 3. CSS :: ::擬似要素の後ろにランダムな文字が入ります
- 4. 擬似要素前/後
- 5. 類似::前と::後の擬似要素
- 6. CSS擬似要素のサイズの問題
- 7. CSS擬似要素の混乱
- 8. CSS - 擬似要素の位置付け
- 9. webkit-tap-highlight-color on擬似後要素
- 10. 擬似要素
- 11. CSSポジショニングの問題点:擬似要素の後
- 12. 擬似要素は
- 13. 改行後にテキストのCSS擬似要素が消える
- 14. CSS隣接セレクタは+:擬似要素の後
- 15. ポップアップを追加:CSSの後に擬似要素
- 16. CSS擬似要素のjQuery .click()イベント(:前/:後)?
- 17. CSS3:入力後の擬似要素
- 18. 位置擬似要素の後に
- 19. リスト擬似要素の後には、
- 20. FadeOut擬似要素
- 21. クリックスルー擬似要素
- 22. ::擬似要素は
- 23. jQueryと擬似要素
- 24. スタイルの擬似要素
- 25. 擬似要素内の位置要素
- 26. 要素+要素アクセス不可:before擬似
- 27. :擬似要素はサファリ
- 28. 未知の擬似要素または擬似クラス:: selection [選択]
- 29. 擬似要素のセンタリング
- 30. 擬似要素と画像
あなたの作業コードを共有してくださいすることができます!今、あなたの質問を読んだ後、ここのすべてが想像力です!そして、異なる人々が異なる想像力を持つことができます! :) –
セクションスパン::前{ \t \tコンテンツ:url( "images/user.png"); \t} –
[CSS:before /:after擬似要素の画像の高さを変更できますか?](http://stackoverflow.com/questions/8977957/can-i-change-the-height -css-before-after-pseudo-elements) – twxia