ExtremeBurner

Я считаю что этот вопрос когда-либо появлялся ранее, но, поискав на форумах и погуглив я ничего не нашел. Идея в том, что при наведении на ссылку, у нее появляется фоновый цвет (условно у "блока" <a>) , и этот цветной "прямоугольник" должен иметь скругление углов. Уверен что это часто используется, но инфы я нигде не нашел (может плохо искал, ведь искать как следует я не умею). Было три способа, первый - просто приписать бордер радиус для <а> а при наведении курсора, но не сработало. вторая идея это воспринимание <а> как блока, но в этом случае фон при наведении продолжался слишком далеко у коротких слов, поэтому не подошло. Третья идея - это загружать фоновую картинку (залить цветом прямоугольник со скруглениями) при наведении мыши, НО длинные ссылки не будут полностью погружены под этот фон. Встал вопрос. КАК? Заранее спасибо за помощь, опытные верстальщики ^^. PS за одно, подскажите как сделать так чтобы прямоугольник при наведении шел чуть дальше высоты букв? (padding, нет?)

второй вариант лучше, потому что если , например, изменять отступ среднего блока от нижнего, то в первом случае придется изменять его у двух блоков, а во втором у одного (и все в этом духе). На самом деле это не очень значительно, ибо у тебя только два блока в середине, и не составит особого труда применить все, что было применено к первому блоку и ко второму. Как учит php, если что то повторяется как минимум дважды - пихай это в функцию и вызывай ее, поэтому лучше сразу все делать для минимализации труда в будущем