css CSS：缝合效果

Posted 2021-05-13

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了css CSS：缝合效果相关的知识，希望对你有一定的参考价值。

.stitched {
	padding: 20px;
	margin: 10px;
	background: #ff0030;
	color: #fff;
	font-size: 21px;
	font-weight: bold;
	line-height: 1.3em;
	border: 2px dashed #fff;
	border-radius: 10px;

	-webkit-box-shadow: 0 0 0 4px #ff0030, 2px 1px 6px 4px rgba(10, 10, 0, 0.5);
	box-shadow: 0 0 0 4px #ff0030, 2px 1px 6px 4px rgba(10, 10, 0, 0.5);
	text-shadow: -1px -1px #aa3030;
	font-weight: normal;
}

以上是关于css CSS：缝合效果的主要内容，如果未能解决你的问题，请参考以下文章

css 缝合边框

css 缝合 - Efecto de parche cosido