css圆凹⾓_css这种凹陷下去的效果怎么做
展开全部
Test
div {
width: 200px;
height: 200px;
background: #272727;
border: 1px #272727 solid;
}
p {
width: 158px;
line-height: 158px;
color: #fff;
text-align: center;
margin: 20px auto;
border-radius: 4px;
box-shadow: inset 0px 2px 8px 2px #000000;
border: 1px #666 solid;
border-left: 1px #131313 solid;
border-top: 1px #131313 solid;
}
当圆⾓过⼤时深⾊边和⾼光边交界处会露陷,要e5a48de588b662616964757a686964616f31333335343330不露陷的话:
边框渐变,貌似⽀持的浏览器少css怎么创建
不⽤边框,⽤两个div嵌套,外⾯那个⽐⾥⾯那个⼤1px,然后外⾯那个⽤45度的斜⽅向背景渐变(⽀持的浏览器多),⾥⾯那个⽤背景⾊加内阴影。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论