This is using 'myownw1.css' external CSS, with Repeat, I get a full page of graphic repeats. Setting graphic positions do not seem to work when using plain repeat.
This is using 'myownrx.css' external CSS, with Repeat-X and positions of 50px 50px. Although the graphic itself starts at 50 pixels from the top and ONE graphic is 50 pixels from the left, the horizontal row of graphics actually starts from the left side of the webpage (some graphics are cut, not complete). Repeat X repeats the graphic from left to right.
This is using 'myownry.css' external CSS, with Repeat-Y and position 5% 5%. Although the graphic itself starts at 5% (of the webpage) from the left, and ONE graphic it looks like it starts about the same distance from the top, the vertical row of graphics actually starts right at the top of the webpage (the graphic is cut, not complete). Repeat Y repeats the graphic from top to bottom.
This is using 'myownnr.css' external CSS, with NO Repeat and position center top. There is only one graphic by itself smack middle at the top of my webpage.
At this point, I am not really sure what I am doing, but I am somewhat closer to understanding the concepts of each and every property and value that I am learning about this week. This HTML file is extremely simple, there are not any values set to any of the selectors within the HTML file. It amazes me that CSS can be taught in only 4 weeks!