类似这样的四个角用css怎么实现!谢谢
4条回答 默认 最新
- i01o 2016-10-10 09:02关注
<html> <head> <meta charset="utf-8"/> <title></title> <style type="text/css"> .cro{ width: 100px; height: 100px; border: 1px solid #58C4E6; position: relative; } .cro_left_top,.cro_right_top,.cro_left_bottom,.cro_right_bottom{ position: absolute; width: 20px; height: 20px; border: 1px solid #fff; z-index: 1; background: #fff; } .cro_left_top{ top: -1px; left: -1px; border-radius:0px 0px 20px 0px; border-bottom: 1px solid #58C4E6; border-right: 1px solid #58C4E6; } .cro_right_top{ top: -1px; right: -1px; border-radius:0px 0px 0px 20px; border-bottom: 1px solid #58C4E6; border-left: 1px solid #58C4E6; } .cro_left_bottom{ left: -1px; bottom: -1px; border-radius:0px 20px 0px 0px; border-top: 1px solid #58C4E6; border-right: 1px solid #58C4E6; } .cro_right_bottom{ right: -1px; bottom: -1px; border-radius:20px 0px 0px 0px; border-top: 1px solid #58C4E6; border-left: 1px solid #58C4E6; } </style> </head> <body> <div class="cro"> <div class="cro_left_top"></div> <div class="cro_right_top"></div> <div class="cro_left_bottom"></div> <div class="cro_right_bottom"></div> </div> </body> </html>
本回答被题主选为最佳回答 , 对您是否有帮助呢?解决 无用评论 打赏 举报
悬赏问题
- ¥15 如何在scanpy上做差异基因和通路富集?
- ¥20 关于#硬件工程#的问题,请各位专家解答!
- ¥15 关于#matlab#的问题:期望的系统闭环传递函数为G(s)=wn^2/s^2+2¢wn+wn^2阻尼系数¢=0.707,使系统具有较小的超调量
- ¥15 FLUENT如何实现在堆积颗粒的上表面加载高斯热源
- ¥30 截图中的mathematics程序转换成matlab
- ¥15 动力学代码报错,维度不匹配
- ¥15 Power query添加列问题
- ¥50 Kubernetes&Fission&Eleasticsearch
- ¥15 報錯:Person is not mapped,如何解決?
- ¥15 c++头文件不能识别CDialog