zoukankan      html  css  js  c++  java
  • 纯CSS圆角效果

        

    纯CSS圆角效果

    纯CSS圆角效果

    纯CSS圆角效果

    1 <html>
    2 <head>
    3 <title>纯CSS圆角效果</title>
    4 <meta http-equiv="content-type" content="text/html; charset=gb2312">
    5 <style type="text/css">
    6 div.RoundedCorner{background: #9BD1FA}
    7 b.rtop, b.rbottom{display:block;background: #FFF}
    8 b.rtop b, b.rbottom b{display:block;height: 1px;overflow: hidden; background: #9BD1FA}
    9 b.r1{margin: 0 5px}
    10 b.r2{margin: 0 3px}
    11 b.r3{margin: 0 2px}
    12 b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px}
    13 </style>
    14 </head>
    15 <body>
    16 <div class="RoundedCorner">
    17 <b class="rtop"><b class="r1"></b><b class="r2"></b><b class="r3"></b><b class="r4"></b></b>
    18 <p>纯CSS圆角效果</p>
    19 <p>纯CSS圆角效果</p>
    20 <p>纯CSS圆角效果</p>
    21 <b class="rbottom"><b class="r4"></b><b class="r3"></b><b class="r2"></b><b class="r1"></b></b>
    22 </div>
    23 </body>
    24 </html>
    aliyun活动 https://www.aliyun.com/acts/limit-buy?userCode=re2o7acl
  • 相关阅读:
    Centos7上安装docker
    另类SQL拼接方法
    多平台Client TCP通讯组件
    Redis协议详解
    .net下简单快捷的数值高低位切换
    beetle 2.7海量消息广播测试
    FileSync文件同步更新工具
    简单实现TCP下的大文件高效传输
    感知机原理小结
    日志和告警数据挖掘经验谈
  • 原文地址:https://www.cnblogs.com/wangbin/p/1707981.html
Copyright © 2011-2022 走看看