css四个角边框效果,div四角边框

　　1、html

　　div class= log in body div class= border _ corner border _ corner _ left _ top /div div class= border _ corner border _ corner _ right _ top /div class= border _ corner border _ left _ bottom /div class= border _ corner border _ corner _ right _ bottom /div-其他……………………………………………………/div 2、css。登录正文{ border:1px solid # 21a7e 1；盒影：5px 5px 10px 10px rgba(24，68，124，0.4)；padding-top:20px；边框-半径：6px位置：相对；} /*四个角框*/.border _ corner { z-index:2500；位置：绝对；宽度：19px高度：19px背景：rgba(0，0，0，0)；边框：4px纯色# 1fa5f1}。border _ corner _ left _ top { top:-2px；左：-2px；右边界：无；边框-底部：无；边框-左上-半径：6px}。border _ corner _ right _ top { top:-2px；右：-2px；左边界：无；边框-底部：无；border-top-right-radius:6px；} .border _ corner _ left _ bottom { bottom:-2px；左：-2px；右边界：无；边框顶部：无；边框-底部-左侧-半径：6px}。border _ corner _ right _ bottom { bottom:-2px；右：-2px；左边界：无；边框顶部：无；边框-底部-右侧-半径：6px}到此这篇关于钢性铸铁边框添加四个角效果的文章就介绍到这了，更多相关钢性铸铁边框添加四个角内容请搜索以前的文章或继续浏览下面的相关文章，希望大家以后多多支持！

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。