【css】关于css样式中border-radius和border-image不兼容问题

javascript 复制代码
<div class="out">
		<div class="in">
			Log Out
		</div>
</div>

<style type="text/css">
		.out{
			margin: 0 auto 10rpx;
			width: 336rpx;
			height: 64rpx;
			box-sizing: border-box;
			border-image: linear-gradient(270deg, rgba(15, 149, 136, 1), rgba(0, 120, 178, 1)) 2 2;
			font-size: 28rpx;
			font-family: Helvetica;
			color: #0078B2;
			line-height: 64rpx;
			text-align: center;
			border-radius: 44rpx;
		}
		.in{
			width: 100%;
			height: 100%;
			border-radius: 44rpx;
			text-align: center;
			border: 2rpx solid;
		}
	</style>
相关推荐
音仔小瓜皮6 分钟前
【bug记录10】同一iOS webview页面中相同的两个svg图标出现部分显示或全部不显示的情况
前端·bug·html5·xhtml·webview
涔溪21 分钟前
css3弹性布局
前端·css·css3
Array[赵]34 分钟前
npm 最新国内淘宝镜像地址源 (旧版已不能用)
前端·npm·node.js
于慨36 分钟前
pnpm报错如Runing this command will add the dependency to the workspace root所示
前端·npm
田本初1 小时前
【NodeJS】Express写接口的整体流程
前端·javascript·node.js·express
知野小兔1 小时前
【Vue】Keep alive详解
前端·javascript·vue.js
好奇的菜鸟1 小时前
TypeScript中的接口(Interface):定义对象结构的强类型方式
前端·javascript·typescript
小胖霞1 小时前
monorepo和pnpm
前端
橘子味的冰淇淋~1 小时前
全面解析 Map、WeakMap、Set、WeakSet
前端·javascript·vue.js
小闫BI设源码2 小时前
uniapp中的事件:v-on
前端·vue.js·uni-app