css 使用CSS为按钮和元素创建缝合边框

Posted

tags:

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

.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为按钮和元素创建缝合边框的主要内容,如果未能解决你的问题,请参考以下文章

css3实现按钮边框带动画效果

css中如何去掉button(按钮)的边框

androidbutton边框,htmlbutton按钮边框椭圆,怎么加css

css的transition实现一个hover边框加载的按钮

在圆形元素上使用顶部和底部边框时的 iOS CSS 问题

CSS悬停创建边框但推送内容