大耳朵图图电子名片

当青训营遇上码上掘金

首先要感谢活动策划人能够修改活动时间给我重新参与这个活动的机会，在收到消息后我第一时间就开始着手准备参加这个码上掘金的活动。

在看了一些其他人的作品和征文之后，我也产生了写动画人物的名片的想法。然后在经过了短暂的思考后，我想到了大耳朵图图这部动画，而之所以会选择他，就是因为我认为大耳朵图图作为一款经典的国产动画，大耳朵图图的故事陪伴着我渡过了一个愉快的童年。其中很多故事时隔多年我也仍记忆深刻，而大耳朵图图的主角图图（胡图图）是一个机灵，淘气聪明的三岁小孩，他天生快乐，心地善良，喜欢多管闲事，精力充沛，对周围的事物非常好奇，并且还有自己独特的见解和超强想象力，他的言行常常让人大跌眼镜。他爱胡思乱想，最大的特点就是好吃，每次一提到说到考试就能想到烤红薯和羊肉串，还会观察想象成一种好喝的茶，而且为了有零食吃可以做出违背自己原则的事情，他的可爱和自作聪明让每个人忍俊不禁。

孩子从无知到有知，是一个漫长而琐碎的学习、探索过程。同时孩童时期也是一个人最天真烂漫的时期，在这个时间段，无论是快乐还是悲伤都无比纯粹，可能会因为吃到一包五毛钱的辣条感到满足，用一个用胶带包纸做成的沙包就能愉快的玩上一天，总是有充沛的精力去冒险，对一切都有着旺盛的好奇心和探索欲，甚至有着一股初生牛犊不怕虎的勇气，不管是什么墙都想去爬一下，不管是什么高地都有勇气跳下去。

所以每当我看到图图时，就会想起我天真无邪的快乐童年，那时的生活足够简单，却有很多让人回味的美好回忆。这也是我选择他的原因。

以下是成果展示

大耳朵图图的电子名片 - 码上掘金 (juejin.cn)

html代码

<div class="container">
  <div class="set">
    <h2>胡图图<p>知名动画《大耳朵图图》主角</p> </h2>
    <img src="https://img0.baidu.com/it/u=78662227,3773386650&fm=253&fmt=auto&app=138&f=JPEG?w=343&h=499" alt="">
    <ul>
      <li>年龄：3岁</li>
      <li>生肖：兔</li>
      <li>住址：翻斗大街翻斗花园2号楼1001室 </li>
      <li>最喜欢的事情：吃炸薯片、巧克力、冰激凌 </li>
      <li>最讨厌的事情：被妈妈要求学这学那</li>
      <li>最喜欢的人：小妹</li>
      <li>最崇拜的人：壮壮哥哥</li>
    </ul>
  </div class="set">
</div>
<style>
 * {
    margin: 0;
    padding: 0
}
 
.container {
    width: 700px;
    height: 450px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -250px;
    margin-left: -300px;
    background: #ffff55;
    overflow: hidden;
    border-radius: 5px;
}

</style>

CSS代码

.set {
    width: 550px;
    position: absolute;
    left: 70px;
    top: 40px;
    z-index: 9;
    background-color: #ffff55;
}
 
.set h2 {
    font-size: 55px;
    letter-spacing: .1em;
    margin-bottom: 66px;
}
 
.set p {
    font-size: 15px;
    font-weight: normal;
    margin-left: 45px;
    letter-spacing: normal;
}
 
.set img {
    float: right;
    width: 150px;
    height: 200px
}
 
.set ul {
    border-left: #555 3px solid;
    padding-left: 28px;
}
 
.set ul li {
    list-style: none;
    line-height: 28px;
    font-size: 18px;
}