2015-08-11 3 views
0

Как вставить фоновое изображение для горизонтального правила? Я знаю, что вам нужно вставить URL-адрес, но фоновое изображение находится в локальном файле. Могу ли я использовать локальный файл?Как вставить фоновое изображение для горизонтального правила?

+3

Вы, на своем локальном компьютере, единственный, кто увидит эту страницу? Если нет, нет, вы не можете использовать локальный файл; он должен быть таким же доступным во время просмотра, как и любая другая часть страницы. –

+0

background-image: url (<путь к изображению, может быть относительным или абсолютным/именем изображения)); – joyBlanks

+0

@amyjamietara привет вы можете найти различные способы отображения изображения ** https: //www.hscripts.com/tutorials/css/backp4.php** –

ответ

0

Вы можете просто использовать встроенный CSS, как это.
<hr style="border:0; height:15px; background:url(images/pic.png) 50% 0 no-repeat; margin:1em 0;">
Здесь url - путь к вашей картинке. Я использовал относительный путь, предполагая, что в вашем текущем расположении файла есть папка с именем «images». «pic.png» должен находиться внутри этой папки. Чтобы увидеть это, папка и файл должны быть там с кодом. Кажется, я понял ваш вопрос.

Примечание: измените другие параметры css в соответствии с вашим изображением.

+0

Спасибо. То, что я хотел бы сделать, это иметь hr с одним изображением посередине. – amyjamietara

+0

Я не понимаю, чего вы на самом деле хотите. Я никогда такого не видел. В любом случае https://css-tricks.com/simple-styles-for-horizontal-rules/ эта ссылка содержит hr с символом посередине. Но я думаю, что это не то, что вы действительно хотите. – PrazSam

+0

Спасибо. Да, вот что я имею в виду. Но я хотел бы использовать свой собственный образ. – amyjamietara

Смежные вопросы