Тестовик: http://arduus.f-rpg.ru/
Запилила обрамление аватара с помощью border-image:
Вот код:
<style> li.pa-avatar.item2 { text-align: center; border-width: 13px; -moz-border-image: url(http://i30.fastpic.ru/big/2012/0212/8f/3a3d0ca3b16578029d8fc3c8f6f2a08f.png) 13 round; /* Firefox 4 */ -webkit-border-image: url(http://i30.fastpic.ru/big/2012/0212/8f/3a3d0ca3b16578029d8fc3c8f6f2a08f.png) 13 round; /* Safari 5 и Chrome */ -o-border-image: url(http://i30.fastpic.ru/big/2012/0212/8f/3a3d0ca3b16578029d8fc3c8f6f2a08f.png) 13 round; /* Opera 10.5 */} </style>
Но вот между самим аватаром и его обрамлением образуется нехорошее пространство:
Вопрос: как сделать аватар и рамку впритык?
Теги: вопросы от новичков