Я хочу поместить изображение перед элементом span. Но образ такой большой. Могу ли я изменить размер изображения с помощью :: после псевдоэлемента? Спасибо.CSS - The :: after Псевдоэлемент
ответ
Так вы можете добавить изображение перед <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>
Спасибо.) это новый способ для меня. –
Добро пожаловать @ChristinaShahoyan надеюсь, что это сработало для вас, если так принять ответ :-) – frnt
Принято. Я новичок здесь, и я это видел сейчас;) –
- 1. css3 ":: after" псевдоэлемент не работает
- 2. CSS псевдоэлемент между элементами
- 3. Добавить псевдоэлемент :: before & :: after to html tag
- 4. «text-decoration» и псевдоэлемент «: after», пересмотренный
- 5. Добавление класса CSS в псевдоэлемент
- 6. The After крюк в огурца
- 7. Светящиеся скобки псевдоэлемент css
- 8. CSS: псевдоэлемент первого ребенка
- 9. CSS Правильно позиционирующий псевдоэлемент
- 10. CSS псевдоэлемент не работает
- 11. CSS @supports (:: псевдоэлемент)
- 12. IE, пересекающий псевдоэлемент CSS?
- 13. Псевдоэлемент перехода CSS
- 14. Псевдоэлемент «: after» или «: before» not render on angular2 app
- 15. Как разместить псевдоэлемент ': after' в конце своего владельца?
- 16. CSS: Абсолютно позиционированный псевдоэлемент теряет z-индекс?
- 17. Возможно ли пользователю псевдоэлемент (: after,: before) в строке таблицы безопасно?
- 18. Транспортир: получить псевдоэлемент: placeholder css
- 19. CSS "::" vs ":" - псевдоэлемент против псевдоселектора?
- 20. Невозможно переопределить псевдоэлемент CSS: до
- 21. CSS-псевдоэлемент: после границы границы?
- 22. Как выровнять псевдоэлемент: before: after и span element
- 23. Сделать ссылку кликабельным в CSS3 hover 'after' псевдоэлемент
- 24. Псевдоэлемент остановки события нажмите
- 25. Анимация: after in css
- 26. Как центрировать псевдоэлемент
- 27. CSS-псевдоэлемент в стиле встроенного атрибута
- 28. Css псевдоэлемент :: before (2); : before and :: before
- 29. Как получить псевдоэлемент?
- 30. Как отредактировать псевдоэлемент в фокусе с помощью css или jQuery
Можете ли вы поделиться рабочий код! Теперь, прочитав свой вопрос, все здесь творческое! И разные люди могут иметь разные фантазии! :) –
раздел span :: before { \t \t содержание: url ("images/user.png"); \t} –
Возможный дубликат [Могу ли я изменить высоту изображения в CSS: до /: после псевдоэлементов?] (Http://stackoverflow.com/questions/8977957/can-i-change-the-height -of-an-image-in-css-before-after-pseudo-elements) – twxia