CSS制作圆角表格

最新推荐文章于 2020-02-23 17:02:21 发布

yemy

最新推荐文章于 2020-02-23 17:02:21 发布

阅读量2.2k

点赞数

分类专栏： Web 文章标签： css class div html

Web 专栏收录该内容

22 篇文章 0 订阅

订阅专栏

<html>
<head>
   <style type="text/css">
   u.corner u
   {
       height: 1px;
       font-size:1px;
       display: block;
       overflow: hidden;
       /*author: meizz*/
       text-decoration: none;
       background-color: green;
   }
   u.corner u.h1{margin: 0 5px;}
   u.corner u.h2{margin: 0 3px;}
   u.corner u.h3{margin: 0 2px;}
   u.corner u.h4{margin: 0 1px; height: 2px}
   </style>
<head>
<body>
   <div>
   <u class="corner"><u class="h1"></u><u class="h2"></u><u class="h3"></u><u class="h4"></u></u>
     <div style="background-color: green; height: 200">content</div>
   <u class="corner"><u class="h4"></u><u class="h3"></u><u class="h2"></u><u class="h1"></u></u>
   </div>
</body>
</html>