zoukankan      html  css  js  c++  java
  • 【网页表格边框的角设置成圆弧】特效

    run HTML codes

    <style type="text/css">
    div#nifty{ margin:
    0 10%;background: #9BD1FA}
    p {padding:10px}

    div.rtop, div.rbottom{display:block;background: #FFF}
    div.rtop div, div.rbottom div{display:block;height: 1px;overflow: hidden; background: #9BD1FA}
    div.r1{margin:
    0 5px}
    div.r2{margin:
    0 3px}
    div.r3{margin:
    0 2px}
    div.rtop div.r4, div.rbottom div.r4{margin:
    0 1px;height: 2px}
    </style>
    <div id="nifty">
    <div class="rtop"><div class="r1"></div><div class="r2"></div><div class="r3"></div><div class="r4"></div></div>
    <p>无图片的圆角表格</p>
    <div class="rtop"><div class="r4"></div><div class="r3"></div><div class="r2"></div><div class="r1"></div></div>
    </div>
  • 相关阅读:
    大佬讲话听后感
    P1226快速幂取余
    对拍
    P1017 进制转换
    P1092 虫食算 NOIP2002
    P1003 铺地毯
    P1443 马的遍历
    P1032 字串变换
    P1379 八数码问题
    2-MAVEN 基本命令
  • 原文地址:https://www.cnblogs.com/tangge/p/1933110.html
Copyright © 2011-2022 走看看