Джек,
Вы можете многое узнать о границах и о том, как их использовать, по адресу http://www.w3schools.com/css/css_border.asp . Тем не менее, есть несколько разных способов сделать это.
Ниже я обычно делаю это, но, читая документацию по w3schools, вы можете найти свой собственный желаемый метод.
.addBorder {
/* Thickness, Style, and Color */
border: 1px solid #000000;
}
Редактировать:
Я заметил, что оригинальный вопрос был не «Как добавить рамку к изображению», а вместо этого «Как добавить рамку вокруг» изображение с использованием HTML? " Этот вопрос был переписан другими, поэтому я не уверен на 100%, что вы хотели, чтобы на вашем изображении была граница.
Если вы просто хотите, чтобы вокруг ваших изображений была рамка, вы можете использовать DIV с его собственными стилями:
.imageBox {
background-color:#f1f1f1;
padding:10px;
border:1px solid #000000;
}
На самом деле вы можете определить все, что хотите, чтобы сократить это. Настройки-> Общие-> Редакторы-> Ключи. РЕДАКТИРОВАТЬ: По какой-то причине я не вижу там такой опции. О_о