html css画个人印章

个人徽章代码

 

 

   .seal {
      width: 80px;
      height: 80px;
      border: solid 4px #ff1a1f;
      border-radius: 100%;
      background-color: rgba(255, 255, 255, 0.8);
      position: relative;
      display: flex;
      justify-content: center;
      align-items: center;
    }

     <div class="seal">
        <div style="position: absolute;top: 12px;text-align: center; transform: rotate(-0deg); color: #ff1a1f; "><span
          style="font-weight: 600">TRT</span> <br>
          <hr style="width:80px;border:none;border-top:4px solid #ff1a1f;margin-top: 1px"/>
          <span style="font-weight: 600" id="riqi8"> </span><br>
          <hr style="width:80px;border:none;border-top:4px solid #ff1a1f; margin-top: -1px"/>
          <span style="margin-top: 1px!important;font-weight: 600" id="renyuan8"> </span></div>


      </div>