zoukankan      html  css  js  c++  java
  • CSS实现圆形DIV

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title></title>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <meta http-equiv="Content-Language" content="zh-CN" />
    <style>
    .cpanel div.icon span{-moz-transition-duration: 0.8s;background-color: #FFFFFF;background-position: -30px 50%;border: 1px solid #CCCCCC;border-radius: 60px;color: #565656;display: block;float: left;height: 100px; 100px;text-align:center;text-indent:0;}
    .cpanel div.icon span:hover{border:1px solid blue;}

    </style>
    </head>
    <body>
    <div class="cpanel">
        <div class="icon">
            <span>abc</span>
        </div>
    </div>
    </body>
    </html>

    <!--

    IE:http://ons.me/276.html

    -->

    作者:Zjmainstay
             
    本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。
    版权信息
  • 相关阅读:
    React父组件调用子组件
    ES6数组操作
    ant design mobile入坑记
    vue
    图片上传七牛
    CSS
    CSS矩形、三角形等
    使用POST下载文件
    http https协议
    前端网络必备知识
  • 原文地址:https://www.cnblogs.com/Zjmainstay/p/CSS_circle_div.html
Copyright © 2011-2022 走看看