css3实现圆角效果

最新推荐文章于 2022-11-21 01:21:00 发布

VIP文章 sunlizhen

最新推荐文章于 2022-11-21 01:21:00 发布

阅读量736

点赞数

分类专栏： html5|css3 文章标签： css3圆角

本文链接：https://blog.csdn.net/sunlizhen/article/details/69266874

版权

以下为圆角各种情况的代码；

<!DOCTYPE html>

<html>
   <head>
       <meta charset="UTF-8">
       <title></title>
       <script src="js/jquery-1.9.1.min.js"></script>
       <script>

       </script>
   </head>
   <style>
       div{margin-bottom: 5px;}
       .bgradio{width:100px;height: 100px;background: red;border-radius: 5px;}
       .boradio{width:100px;height: 100px;border:1px solid #ccc;border-radius: 5px;}
       .imgradio{width:100px;height: 100px;border-radius: 5px;background: url(images/wall1.jpg);}
       .topradio{width:100px;height: 100px;border-radius: 5px 5px 0 0;border: 1px solid #ccc;}
       .botpradio{width:100px;height: 100px;border-radius: 0 0 5px 5px;border: 1px solid #ccc;}
   </style>
   &l