Как сделать рамку для картинки в html
Границы — отличный способ привлечь внимание, если использовать их в меру. В этой статье мы расскажем, как добавлять линии, узоры и пользовательское обрамление к надписи, рисунку и другим объектам. Щелкните правой кнопкой мыши надпись, автофигуру, рисунок или другой объект, к которому вы хотите добавить границу.
Рамка вокруг изображений делается с помощью свойства border , которое добавляется к селектору img. Чтобы рамка появлялась только при наведении курсора мыши на картинку, следует воспользоваться псевдоклассом :hover , как показано в примере 1. Свойство border влияет на общие размеры изображения, из-за чего при наведении на картинку происходит её сдвиг. Есть несколько методов, как обойти эту особенность.
Добавление границы вокруг текстового объекта, рисунка или другого объекта в Publisher
Вы можете применить к рисунку предустановленный стиль, включая границу и заливку, или применить настраиваемую границу по своему выбору. На вкладке Формат рисунка выберите граница рисунка. В разделе граница рисунка при необходимости можно выбрать один из следующих вариантов:. Коллекция Стили рисунков предлагает множество предустановленных стилей, которые упрощают добавление границы и эффекта одним щелчком мыши.
