①调整banner.jpg长宽为1100像素×515像素;在不改变长宽比例、不裁剪图片的条件下,将产品图片pro1.jpg、pro.jpg、pro.jpg的文件大小改为40kb以下;把logo.psd导出为logo.jpg;dw代码
时间: 2024-01-24 14:17:20 浏览: 105
```html
<!DOCTYPE html>
<html>
<head>
<title>网站</title>
<meta charset="utf-8">
<style type="text/css">
.banner {
width: 1100px;
height: 515px;
background-image: url('banner.jpg');
background-size: cover;
margin: 0 auto;
}
.product {
display: flex;
justify-content: space-between;
margin-top: 20px;
}
.product img {
max-width: 30%;
height: auto;
}
.logo {
margin-top: 20px;
}
</style>
</head>
<body>
<div class="banner"></div>
<div class="product">
<img src="pro1.jpg" alt="产品1">
<img src="pro2.jpg" alt="产品2">
<img src="pro3.jpg" alt="产品3">
</div>
<div class="logo">
<img src="logo.jpg" alt="logo">
</div>
</body>
</html>
```
说明:
1. banner 宽度为 1100px,高度为 515px,使用了背景图 `banner.jpg`。
2. 产品图片按照要求调整了大小,使用了 `<img>` 标签展示。
3. logo.psd 导出为 logo.jpg,使用了 `<img>` 标签展示。
阅读全文