解决border-image 和 border-radius同时使用冲突

最新推荐文章于 2024-08-10 17:53:33 发布

You__An

最新推荐文章于 2024-08-10 17:53:33 发布

阅读量4k

点赞数

文章标签： html css

本文链接：https://blog.csdn.net/Ling_jing20/article/details/110457607

版权

项目场景：

解决border-image 和 border-radius同时使用冲突

		<div class="register_btn">
			<div class="register_border">注册</div>
		</div>

	.register_btn{
		width: 316px;
		height: 47px;
		margin: 0 auto;
		box-sizing: border-box;
		padding: 1px;
		border-radius: 23px;
		background: linear-gradient(90deg, rgba(254, 144, 0, 1), rgba(255, 111, 0, 1), rgba(255, 80, 0, 1));
		margin-bottom: 16px;
	}
	.register_border{
		border-radius: 23px;
		background: #FFFFFF;
		width: 314px;
		height: 45px;
		margin: 0 auto; 
		text-align: center;
		line-height: 45px;
		font-size: 17px;
		font-weight: 400;
		color: #FE7A00;
	}