看不到那两个小圈

来源：1-7 盒阴影

AnError

2017-11-02 11:50:27

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>talk</title>
    <style type=""="text/css">
      div {
        width: 500px;
        height: 300px;
        border: 1px solid black;
        border-radius: 50%;
        font-size: 24px;
        font-weight: bold;
        text-align: center;
        line-height: 300px;
      }
      div::before,
      div::after {
        position: absolute;
        content: "";
        display: block;
        border: 1px solid black;
        border-radius: 50%;
      }
      div::before {
        width: 50px;
        height: 50px;
        bottom: -25px;
        right: 25px;
      }
      div::after {
        width: 20px;
        height: 20px;
        bottom: -75px;
        right: 0px;
      }
    </style>
  </head>
  <body>
    <div>
      大家好，欢迎来到慕课网！
    </div>
  </body>
</html>

写回答

3回答