zoukankan      html  css  js  c++  java
  • Div+Css画太极图源代码

    <!DOCTYPE html>
    <html>
      <head>
        <meta charset="utf-8">
        <title>Div+Css太极图</title>
        <style type="text/css">
        .circle{
             100px;
            height: 50px;
            border:1px solid black;
            border-radius: 100px;
            position:relative;
            border-bottom:50px solid black;
          }
        .circle::before{
            float:left;
            content: '';
             10px;
            height: 10px;
            border: 20px solid black;
            border-radius: 50px;
            position: relative;
            top:50%;
            left:0;
            background-color:#fff;

         }
        .circle::after{
            float:right;
            content: '';
             10px;
            height: 10px;
            border: 20px solid #fff;
            border-radius:50px;
            position: relative;
            top:50%;
            left:0;
            background-color:#000;
          }

        </style>
      </head>
      <body>
        <div class="circle">

        </div>
      </body>
    </html>

  • 相关阅读:
    zip加密-字符串加密成字符串
    语言学习第一天
    localStorage和sessionStorage数据存储
    ValueOf()和toString()
    call()与apply()区别typeof和instanceof的区别
    javaScript判断手机型号
    HTML&CSS
    Doctype 严格模式与混杂模式-如何触发这两种模式,区分它们有何意义?
    获得地址栏内的参数
    私有变量
  • 原文地址:https://www.cnblogs.com/tl2f/p/4681812.html
Copyright © 2011-2022 走看看