css 缝合边框

Posted

tags:

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


.stitched {
   padding: 20px;
   margin: 10px;
   background: #67bbab;
   color: #fff;
   font-size: 21px;
   font-weight: bold;
   line-height: 1.3em;
   border: 2px dashed #fff;
   border-radius: 10px;
   box-shadow: 0 0 0 4px #67bbab, 2px 1px 6px 4px rgba(10, 10, 0, 0.5);
   text-shadow: -1px -1px #68868e;
   font-weight: normal;
}



/* This One -Below- Looks Better on the JCF site */


.stitched {
   padding: 20px 10px;
   margin: 10px;
   background: #67bbab;
   color: #ffffff;
   font-size: 21px;
   font-weight: bold;
   line-height: 1.3em;
   border: 2px dashed #ffffff;
   border-radius: 10px;
   box-shadow: 0 0 0 4px #67bbab, 2px 1px 6px 4px rgba(10, 10, 0, 0.5);
   text-shadow: -1px -1px rgba(104, 134, 142, 0.57);
   font-weight: normal;
}

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

css CSS:缝合效果

css 缝合 - Efecto de parche cosido

怎样用css写出圆形边框

css怎么给4个边框添加阴影

如何用css使边框颜色渐变

css如何制作边框投影效果?