用Vscode制作网页1、找一张刘亦菲的头像用img标记插入图片，设置大小100*160像素。 2、做一个120*40像素的矩形，背景图片蓝天白云，边框圆角矩形。图片

要在Visual Studio Code (VSCode) 中使用HTML和CSS来制作上述网页效果，你可以按照以下步骤操作：

1. **添加图片元素**:
首先，在HTML文件中创建一个`<img>`标签，插入刘亦菲的头像。假设图片已经保存为`leiyifei.jpg`，可以这样编写代码：

   <div>
     <img src="leiyifei.jpg" alt="刘亦菲头像" style="width: 100px; height: 160px;">
   </div>

这里设置了图片宽度为100像素，高度为160像素。

2. **制作120x40像素的矩形**:
使用CSS来创建一个矩形，并设置背景图片为“蓝天白云”。创建一个新的`<div>`元素并添加样式：

   <div class="blue-sky-clouds">
     <!-- 此处将放置内容 -->
   </div>

   .blue-sky-clouds {
     width: 120px;
     height: 40px;
     background-image: url('clouds.jpg'); /* 假设背景图名为clouds.jpg */
     background-size: cover;
     border-radius: 10px; /* 设置圆角矩形边框 */
     box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* 添加轻微阴影效果 */
   }

3. **整体布局**:
如果你想让这两个元素在页面上相邻显示，可以调整它们的位置，例如放在同一个容器内：

   <div class="container">
     <img src="leiyifei.jpg" alt="刘亦菲头像" style="width: 100px; height: 160px;">
     <div class="blue-sky-clouds">
       <!-- 内容 -->
     </div>
   </div>

现在你已经有了一个包含图片和蓝天白云背景矩形的基本结构。记得替换URL为你实际的图片路径。