スパン要素の前に画像を配置したいと思います。しかし、イメージはとても大きいです。 :: 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. CSS :: ::擬似要素の後ろにランダムな文字が入ります
- 3. CSS擬似要素のサイズの問題
- 4. CSS擬似要素の混乱
- 5. webkit-tap-highlight-color on擬似後要素
- 6. 擬似要素
- 7. CSSポジショニングの問題点:擬似要素の後
- 8. 擬似要素は
- 9. 改行後にテキストのCSS擬似要素が消える
- 10. CSS隣接セレクタは+:擬似要素の後
- 11. CSS擬似要素のjQuery .click()イベント(:前/:後)?
- 12. リスト擬似要素の後には、
- 13. 位置擬似要素の後に
- 14. CSS3:入力後の擬似要素
- 15. FadeOut擬似要素
- 16. jQueryと擬似要素
- 17. :擬似要素はサファリ
- 18. 未知の擬似要素または擬似クラス:: selection [選択]
- 19. 擬似要素のセンタリング
- 20. 擬似要素と画像
- 21. Chromeの擬似要素の前に
- 22. CSS擬似要素:前と後の動作はInternet Explorerで異なって
- 23. IEとEdgeの前後の擬似要素
- 24. CSS :: before擬似要素の行の高さですか?
- 25. CSS擬似クラスセレクタ
- 26. アニメーション用の擬似要素スタッキング
- 27. 擬似要素:垂直方向のインラインアラインメント
- 28. 上のCSSトランジションを使用して::擬似要素
- 29. どのように配置するか:お互いの上に擬似要素の後に&:の後ろに?
- 30. 擬似要素のCSSは親要素に影響を与えます
あなたの作業コードを共有してくださいすることができます!今、あなたの質問を読んだ後、ここのすべてが想像力です!そして、異なる人々が異なる想像力を持つことができます! :) –
セクションスパン::前{ \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