Как вставить фоновое изображение для горизонтального правила? Я знаю, что вам нужно вставить URL-адрес, но фоновое изображение находится в локальном файле. Могу ли я использовать локальный файл?Как вставить фоновое изображение для горизонтального правила?
ответ
Вы можете просто использовать встроенный CSS, как это. <hr style="border:0; height:15px; background:url(images/pic.png) 50% 0 no-repeat; margin:1em 0;">
Здесь url - путь к вашей картинке. Я использовал относительный путь, предполагая, что в вашем текущем расположении файла есть папка с именем «images». «pic.png» должен находиться внутри этой папки. Чтобы увидеть это, папка и файл должны быть там с кодом. Кажется, я понял ваш вопрос.
Примечание: измените другие параметры css в соответствии с вашим изображением.
Спасибо. То, что я хотел бы сделать, это иметь hr с одним изображением посередине. – amyjamietara
Я не понимаю, чего вы на самом деле хотите. Я никогда такого не видел. В любом случае https://css-tricks.com/simple-styles-for-horizontal-rules/ эта ссылка содержит hr с символом посередине. Но я думаю, что это не то, что вы действительно хотите. – PrazSam
Спасибо. Да, вот что я имею в виду. Но я хотел бы использовать свой собственный образ. – amyjamietara
- 1. Как сделать Фоновое изображение горизонтального слайда
- 2. Одно изображение для горизонтального меню
- 3. Создание сломанного горизонтального правила
- 4. Не удается вставить фоновое изображение
- 5. Как вставить фоновое изображение в jquery?
- 6. Как вставить фоновое изображение на мой сайт?
- 7. Как вставить фоновое изображение в JQUERY
- 8. Фоновое изображение для MoreNavigationController
- 9. Использование JS для построения горизонтального правила
- 10. Создание вертикального и горизонтального скольжения, фоновое изображение с JQuery
- 11. Как вставить фоновое изображение в мое приложение для java-приложений?
- 12. Вставить фоновое изображение в качестве объекта d3js
- 13. Как отключить фоновое фоновое изображение
- 14. Пытаясь вставить кнопку «Радио» (используя фоновое изображение)
- 15. Фоновое изображение для CATiledLayer
- 16. Фоновое изображение для заголовка
- 17. Фоновое изображение для графика
- 18. Фоновое изображение для li
- 19. Фоновое изображение для wrap_content
- 20. Как сделать изображение полным как фоновое изображение?
- 21. Как установить фоновое изображение
- 22. SVG как фоновое изображение?
- 23. Как растянуть фоновое изображение
- 24. CSS фоновое изображение стайлинг HR отключает другие правила
- 25. Как обрезать фоновое изображение?
- 26. Как вставить фоновое изображение в класс спрайтов в libGDX?
- 27. Как правильно настроить фоновое фоновое изображение Android
- 28. Размер SVG Фоновое изображение
- 29. Как добавить фоновое изображение
- 30. Как установить фоновое изображение?
Вы, на своем локальном компьютере, единственный, кто увидит эту страницу? Если нет, нет, вы не можете использовать локальный файл; он должен быть таким же доступным во время просмотра, как и любая другая часть страницы. –
background-image: url (<путь к изображению, может быть относительным или абсолютным/именем изображения)); – joyBlanks
@amyjamietara привет вы можете найти различные способы отображения изображения ** https: //www.hscripts.com/tutorials/css/backp4.php** –