vscode 写html 插入两张图片,第一张要不加边框,第二张加黑色边框。写出一段代码
时间: 2024-09-23 16:02:07 浏览: 38
NYITSeniorProject:NYIT高级项目-Web App
在Visual Studio Code (VSCode) 中插入HTML代码并设置一张图片不加边框,另一张加黑色边框,你可以这样做:
```html
<!DOCTYPE html>
<html lang="zh">
<head>
<style>
.image-without-border img {
border: none;
}
.image-with-border img {
border: 1px solid black;
}
</style>
</head>
<body>
<!-- 第一张图片 -->
<div class="image-without-border">
<img src="image1.jpg" alt="无边框图片1">
</div>
<!-- 第二张图片 -->
<div class="image-with-border">
<img src="image2.jpg" alt="带边框图片2">
</div>
</body>
</html>
```
在这个例子中,`image1.jpg`会保持默认样式,即没有边框,而`image2.jpg`的边框会添加一条1像素宽的黑色实线。只需替换`src`属性里的文件名为你实际的图片路径即可。
阅读全文