Html 防止图像与表格的边框重叠？

我目前正在测试如何创建时事通讯。我做了一个模板。我对设计也很陌生。我已经制作了一张专辑发行表，但是它不符合我创建的边界。我怎样才能解决这个问题

我在这里添加了代码

另外，我想指出，我正在将CSS添加到html中，以便特定的新闻稿网站可以接受新闻稿。虽然有人教我另一种方法，即创建一个单独的html和css文件，但现在必须这样做

新闻稿模板
身体{
边框：5px实心#ffff；
最大宽度：700px；
填充：20px；
宽度：80%；
保证金：20px自动；
}
.img1{
宽度：100%；
高度：自动；
职位：相对
} 
.img2{
宽度：50px；
高度：50px；
职位：相对
}
h2{
背景色：红色；
文本对齐：“居中”；
字体系列：Helvetica；
字体大小：20px；
字体大小：粗体；
文本转换：大写；
颜色：白色；
}
.性能{
宽度：250px；
}
p{
字体系列：Helvetica；
字体大小：20px；
颜色：黑色；
}
.性能类型{
字体大小：20px；
字体系列：Helvetica；
}
h3{
字体系列：Helvetica；
字号：500；
}
桌子{
显示：内联块；
宽度：“100%”；
}



查看以下类别中的新版本
即将举行的校内活动
突破专题与发布
[LP]活动腕带预购单

[CD]活动腕带预购

[全新7英寸乙烯基]限量版7英寸乙烯基图片光盘现已发售

[全新7英寸乙烯基]图片光盘现已发售

[光盘]

[光盘]

[光盘]

[LP]独立独家黑白色乙烯基LP压片

[光盘]

[LP]独立独家紫色乙烯基LP压片

[光盘]

[LP]红色和蓝色乙烯基LP压制

[光盘]

[全新7英寸乙烯基]

让图像具有动态大小：

.img-responsive{
    width: 100%;
    height: auto;
}

---

它们将填充

的宽度100%（不超过），高度将动态调整大小以保留原始纵横比。这对于矩形图像（如示例中的黄色潜水艇相册）非常有用。

将

宽度：100%

应用于表单元格内的图像。这将使它们完全适合表格单元格，无论它们有多大：

td-img{
宽度：100%；
}

新闻稿模板
身体{
边框：5px实心#ffff；
最大宽度：700px；
填充：20px；
宽度：80%；
保证金：20px自动；
}
.img1{
宽度：100%；
高度：自动；
职位：相对
} 
.img2{
宽度：50px；
高度：50px；
职位：相对
}
h2{
背景色：红色；
文本对齐：“居中”；
字体系列：Helvetica；
字体大小：20px；
字体大小：粗体；
文本转换：大写；
颜色：白色；
}
.性能{
宽度：250px；
}
p{
字体系列：Helvetica；
字体大小：20px；
颜色：黑色；
}
.性能类型{
字体大小：20px；
字体系列：Helvetica；
}
h3{
字体系列：Helvetica；
字号：500；
}
桌子{
显示：内联块；
宽度：“100%”；
}



查看以下类别中的新版本
即将举行的校内活动
突破专题与发布
[LP]活动腕带预购单