6个易拉罐创意造型，打造独特桌面风景

在我们的日常生活中，易拉罐是一种常见的饮料容器，但你知道吗？废弃的易拉罐也可以变成创意十足的艺术品，为你的桌面增添一抹亮色。下面，我将为你介绍六个易拉罐创意造型，让你轻松打造独特的桌面风景。

1. 植物花盆

将易拉罐清洗干净，去掉底部，然后在侧面钻几个小孔用于透气。接着，在罐内放入泥土，种植上你喜欢的植物。这样一个简单的易拉罐花盆就完成了，不仅美观，还能为你的桌面带来一丝生机。

代码示例（HTML+CSS）

<div class="pot">
  <div class="lid"></div>
  <div class="body">
    <div class="hole"></div>
  </div>
</div>

.pot {
  width: 100px;
  height: 150px;
  background-color: #8BC34A;
  position: relative;
}

.lid {
  width: 90px;
  height: 20px;
  background-color: #FFCCBC;
  position: absolute;
  top: 0;
  left: 5px;
}

.body {
  width: 100px;
  height: 130px;
  background-color: #FFFFFF;
  position: absolute;
  top: 20px;
  left: 0;
}

.hole {
  width: 10px;
  height: 10px;
  background-color: #000000;
  position: absolute;
  top: 60px;
  left: 45px;
}

2. 收纳盒

将易拉罐清洗干净，去掉底部，然后在侧面钻几个小孔用于透气。接着，用美工刀在罐体上划出几个小格子，制作成收纳盒。这样，你就可以将一些小物品如笔、橡皮等放入其中，让桌面保持整洁。

代码示例（HTML+CSS）

<div class="box">
  <div class="lid"></div>
  <div class="body">
    <div class="cell"></div>
    <div class="cell"></div>
    <div class="cell"></div>
  </div>
</div>

.box {
  width: 100px;
  height: 150px;
  background-color: #8BC34A;
  position: relative;
}

.lid {
  width: 90px;
  height: 20px;
  background-color: #FFCCBC;
  position: absolute;
  top: 0;
  left: 5px;
}

.body {
  width: 100px;
  height: 130px;
  background-color: #FFFFFF;
  position: absolute;
  top: 20px;
  left: 0;
}

.cell {
  width: 30px;
  height: 30px;
  background-color: #FFFFFF;
  position: absolute;
  top: 20px;
  left: 20px;
  margin-bottom: 10px;
}

3. 便签盒

将易拉罐清洗干净，去掉底部，然后在侧面钻几个小孔用于透气。接着，用美工刀在罐体上划出几个小格子，制作成便签盒。这样，你就可以将便签、纸条等放入其中，方便随时记录灵感。

代码示例（HTML+CSS）

<div class="note-box">
  <div class="lid"></div>
  <div class="body">
    <div class="note"></div>
    <div class="note"></div>
    <div class="note"></div>
  </div>
</div>

.note-box {
  width: 100px;
  height: 150px;
  background-color: #8BC34A;
  position: relative;
}

.lid {
  width: 90px;
  height: 20px;
  background-color: #FFCCBC;
  position: absolute;
  top: 0;
  left: 5px;
}

.body {
  width: 100px;
  height: 130px;
  background-color: #FFFFFF;
  position: absolute;
  top: 20px;
  left: 0;
}

.note {
  width: 80px;
  height: 20px;
  background-color: #FFFFFF;
  position: absolute;
  top: 40px;
  left: 10px;
  margin-bottom: 10px;
}

4. 水果篮

将易拉罐清洗干净，去掉底部，然后在侧面钻几个小孔用于透气。接着，用美工刀在罐体上划出几个小格子，制作成水果篮。这样，你就可以将水果、零食等放入其中，方便取用。

代码示例（HTML+CSS）

<div class="basket">
  <div class="lid"></div>
  <div class="body">
    <div class="fruit"></div>
    <div class="fruit"></div>
    <div class="fruit"></div>
  </div>
</div>

.basket {
  width: 100px;
  height: 150px;
  background-color: #8BC34A;
  position: relative;
}

.lid {
  width: 90px;
  height: 20px;
  background-color: #FFCCBC;
  position: absolute;
  top: 0;
  left: 5px;
}

.body {
  width: 100px;
  height: 130px;
  background-color: #FFFFFF;
  position: absolute;
  top: 20px;
  left: 0;
}

.fruit {
  width: 40px;
  height: 30px;
  background-color: #FF9800;
  position: absolute;
  top: 40px;
  left: 20px;
  margin-bottom: 10px;
}

5. 时光瓶

将易拉罐清洗干净，去掉底部，然后在侧面钻几个小孔用于透气。接着，用美工刀在罐体上划出几个小格子，制作成时光瓶。你可以将写有愿望的纸条、照片等放入其中，然后将时光瓶放置在桌面，让它见证你的成长。

代码示例（HTML+CSS）

<div class="time-bottle">
  <div class="lid"></div>
  <div class="body">
    <div class="message"></div>
  </div>
</div>

.time-bottle {
  width: 100px;
  height: 150px;
  background-color: #8BC34A;
  position: relative;
}

.lid {
  width: 90px;
  height: 20px;
  background-color: #FFCCBC;
  position: absolute;
  top: 0;
  left: 5px;
}

.body {
  width: 100px;
  height: 130px;
  background-color: #FFFFFF;
  position: absolute;
  top: 20px;
  left: 0;
}

.message {
  width: 80px;
  height: 20px;
  background-color: #FFFFFF;
  position: absolute;
  top: 40px;
  left: 10px;
}

6. 音乐盒

将易拉罐清洗干净，去掉底部，然后在侧面钻几个小孔用于透气。接着，用美工刀在罐体上划出几个小格子，制作成音乐盒。你可以将一些小石头、小贝壳等放入其中，让它们在摇动时发出悦耳的声音。

代码示例（HTML+CSS）

<div class="music-box">
  <div class="lid"></div>
  <div class="body">
    <div class="note"></div>
    <div class="note"></div>
    <div class="note"></div>
  </div>
</div>

.music-box {
  width: 100px;
  height: 150px;
  background-color: #8BC34A;
  position: relative;
}

.lid {
  width: 90px;
  height: 20px;
  background-color: #FFCCBC;
  position: absolute;
  top: 0;
  left: 5px;
}

.body {
  width: 100px;
  height: 130px;
  background-color: #FFFFFF;
  position: absolute;
  top: 20px;
  left: 0;
}

.note {
  width: 30px;
  height: 30px;
  background-color: #FFFFFF;
  position: absolute;
  top: 40px;
  left: 20px;
  margin-bottom: 10px;
}

通过以上六个易拉罐创意造型，你可以在轻松愉悦的氛围中打造出独特的桌面风景。快来动手试试吧！