起因:
设计给的图中输入框是一个圆角渐变色边框,
按照自己两毛半的认知翻来覆去尝试了半天也没成功,才发现设置渐变色的background-image
与设置圆角的border-radius
不能并存。
解决方法:
body {
background-color: black;
}
div {
width: 500px;
height: 50px;
border: none;
box-sizing: border-box;
padding: 1px;
border-radius:5px;
/*第一个linear-gradient里的两个颜色需要和底色相同*/
background-image: linear-gradient(black, black), linear-gradient(45deg, #1FA2FF, #12D8FA);
background-clip: content-box,padding-box;
}
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。