按钮的多边形边框/边框半径

html5 • • 问答

我正在尝试制作如下图所示的多边形边框形状。

我试过的代码如下。

@import url('https://fonts.googleapis.com/css2?family=Poppins&display=swap');

.p-button{
  background: transparent;
  text-decoration: none;
  background: #5344c6;
  color: white;
  padding: 15px 50px;
  border-radius: 27px;
  text-transform: uppercase;
  font-family: "Poppins";
  letter-spacing: 0.5px;
}

body{
  display: flex;
  height: 100vh;
  align-items: center;
  justify-content: center;
  
}
<a href="">Explore The Tech</a>
以上是按钮的多边形边框/边框半径的全部内容。
THE END
分享
二维码
< <上一篇
下一篇>>
相关内容