Ustawianie obrazu dla właściwości border-bottom - css

Wszyscy to wiemy

border-bottom: 2px solid #000;

spowoduje, że dolna granica 2px będzie gruba, a kolor czarny

ale czy możemy zrobić coś takiego, jak na dole granicy, możemy ustawić obraz

oznacza to, że cienkie poziome zdjęcie będzie dolną granicą div?

z góry dziękuję

Odpowiedzi:

border-image, może to, czego szukasz, ale to jest CSS3. Widzieć http://www.w3schools.com/cssref/css3_pr_border-image.asp .

Ustawiłbym positon:relative; na pojemniku <div> I użyć position:absolute; bottom:0; dla Twojego <img /> wewnątrz pojemnika.

Możesz emulować obramowanie obrazu na dole, ustawiając obraz według czegoś podobnego

background: url(...) bottom repeat-x;

lub

background: url(...) bottom no-repeat;
background-size: 100% 3px;

W przeciwieństwie do rzeczywistego border-image, to zadziała w IE (IE7 + dla pierwszego przykładu, IE9 + dla drugiego).