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>
  • 相关阅读:
    第二周作业
    十二周
    十一周
    第十周
    第九周
    第八周
    第七周
    第六周
    实验报告三
    第四周课程总结&试验报告(二)
  • 原文地址:https://www.cnblogs.com/tangge/p/1933110.html
Copyright © 2011-2022 走看看