css - How do I make an `hr` with repeating small images? -
i have 256x256 image called myimg.png
. want make hr
element uses repeating 16x16 versions of myimg.png
.
my css far:
hr#target { border: 0; height: 15px; background-color: #333; background-image: url(myimg.png); background-repeat: repeat-x; overflow: hidden; }
but shows 2 repetitions of image @ full 256x256 size can see 15px of it.
how make hr
background image row of small versions of myimg.png
?
use background-size
in:
hr#target { border: 0; height: 15px; background-color: #333; background-image: url(myimg.png); background-repeat: repeat-x; background-size: 16px 16px; overflow: hidden; }
as @bjskistad mentioned, should using image that's sized correctly.
Comments
Post a Comment