如何在HTML中为图像添加边框？

如何使用HTML为图像添加边框？

1> RSolberg..：

---

以下是一些可以解决您问题的HTML和CSS代码:

CSS

.ImageBorder
{
    border-width: 1px;
    border-color: Black;
}

HTML

---

不适合我.我必须在CSS文件中执行".ImageBorder(\nl){(\nl)border:1px solid#000000;(\nl)}",这是la Diodeus的答案.

2> Diodeus - Ja..：

---

两种方式:

要么

---

虽然这是严格正确的,因为它是HTML,CSS方法几乎肯定是最好的答案

3> Trevor Bramb..：

---

您还可以添加填充以获得良好的效果.

4> stevenvh..：

---

我也喜欢CSS而不是HTML; HTML是关于内容,关于演示的CSS.

使用CSS,您有三种选择.

内联CSS(如Trevor和Diodeus的解决方案).难以维护,并且不保证一致性:您必须检查自己每个图像是否具有相同的边框宽度和边框颜色.

内部样式表.解决了具有class ="hasBorder"的页面上所有图像的一致性问题,但是您必须为每个页面包含样式表,并再次确保每次都定义"hasBorder"相同.

外部样式表.如果在每个页面上包含指向外部CSS文件的链接,则所有页面上class ="hasBorder"的所有图像都将具有相同的边框.

使用内部样式表的示例:

如果需要外部样式表,请将