Netbeans - how to set background image via CSS url property

Question

My image not inserting. Please help. Here are my HTML and code below.

I'm using Netbeans IDE.

HTML

<main class="clock">

  <div class="hour-container">
    <div class="hour"></div>
  </div>

  <div class="minute-container">
    <div class="minute"></div>
  </div>

  <div class="second-container">
     <div class="second"></div>
  </div>
</main>

CSS

.clock {
 background: url(../img/ios_clock.svg);
 border-radius: 50%;
 background-size: 88%;
}

[Here is the project file structure. ] https://i.stack.imgur.com/Bei66.png

@CertainPerformance done sir. my bad. – Clyde Oct 20 '18 at 03:03 — Clyde, Oct 20 '18 at 03:03

First voyager · Answer 1 · 2018-10-20T03:05:02.657

0

in image you forget '

please enter in your css file :

background-image: url('your-images-url');

for more information visit this link : w3schools

edited Oct 20 '18 at 03:05

answered Oct 20 '18 at 02:50

First voyager

11
4

I tested your code. It has no problem. The only problem is that you should not use the svg file instead of png – First voyager Oct 20 '18 at 03:11
for use svg in html files : https://stackoverflow.com/questions/2011289/how-to-use-svg-files-in-a-webpage – First voyager Oct 20 '18 at 03:17

Netbeans - how to set background image via CSS url property

1 Answers1