Как добавить рамку фоновому изображению?

[borus]

Здравствуйте.

Есть ссылка со стилем:

a {
    letter-spacing:0px;
    text-align:left;
    padding-left: 20px;
    text-decoration: none;
    background:url(../images/rss_16.png) no-repeat;
    background-position: 0px 4px;
    background-size:7%;
    font-size:14px;
}

можно как-то изменить этот стиль так, чтобы вокруг rss_16.png была рамка определенного цвета в 1px?

[Vadimka]

border: 1px solid #f00;

[borus]

border: 1px solid #f00;

У меня ссылка с текстом, это добавляет обводку и к тексту. нужно только к background image.

Видимо только выносить картинку в отдельный тег

Edited December 4, 2012 by borus

[SelenIT]

Можно добавить в ссылку :before/:after, спозиционировать абсолютно куда надо и задать border + нужные размеры.

[borus]

Можно добавить в ссылку :before/:after, спозиционировать абсолютно куда надо и задать border + нужные размеры.

наверно с помощью псевдоэлементов можно разместить несколько фоновых изображений, например в левом углу и в правом блока?

попробовал следующий код для сайта для нижнего меню, чтобы вывести разделитель как второй фон в правом углу тега ul:

.moduletable_footer_menu>ul::after{
    content: '';
    background:url(../images/delimiter.png) no-repeat right center;
}

По-мимо этого в теге ul выводится подложка в качестве первого фона.

Работает только, если в контенте что-то выводится(например content: '1', правда на новой строке. И почему-то с масштабом.

А как можно добиться вывода изображения через псевдоэлемент без контента и на той же строке, что и ссылки нижнего меню?

Edited December 4, 2012 by borus

[mrnobody]

Ой, все не то, я подумал что ссылка ведет на картинку, только позже заметил что это фон (, не внимательный блина

Можно через селекторы атрибутов:

так (стили применяются к элементу, у которого значение атрибута href заканчивается на "rss_16.png")

a[href$="rss_16.png"]{
/*Стили*/
}

или так (стили применяться к элементу, у которого в значении атрибута href есть такой кусочек "rss_16.png")

a[href*="rss_16.png"]{
/*Стили*/
}

Edited December 4, 2012 by mrnobody