html代码小人比心表白

最近在学习html代码，发现了一种可爱的小人比心表白的代码，太可爱啦！今天我来分享一下这个代码，让大家都可以用它来表达爱意。

html>
    head>
    style type="text/css">
  .love{
        text-align: center;
        font-size: 30px;
        color: red;
    transform: rotate(15deg)  }
  .love .head{
        width: 80px;
        height: 80px;
        border-radius: 50%;
        background-color: #FFC0CB;
        position: relative;
        margin: 0 auto;
  }
  .love .body{
        width:100px;
        height:100px;
        border-radius: 50px 50px 0 0;
        background-color: #FFC0CB;
        position: relative;
        margin: -20px auto 0;
  }
  .love .foot{
        width: 15px;
        height: 60px;
        background-color: #ffc0cb;
        position: absolute;
        bottom: -50px;
        left:30px;
    transform: rotate(-45deg)  }
  .love .foot.right{
        left: auto;
        right: 30px;
    transform: rotate(45deg)  }
  .love .hand{
        width: 15px;
        height: 30px;
        background-color: #ffc0cb;
        position: absolute;
        top: -20px;
  }
  .love .hand.left{
        left: -12.5px;
    transform: rotate(-45deg)  }
  .love .hand.right{
        right: -12.5px;
    transform: rotate(45deg)  }
    /style>
    /head>
    body>
    div class="love">
      div class="head">
    /div>
      div class="hand left">
    /div>
      div class="body">
    /div>
      div class="hand right">
    /div>
      div class="foot left">
    /div>
      div class="foot right">
    /div>
    /div>
    /body>
    /html>
    

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！