我有一个简单的按钮:
.btn {
border-radius: 2px;
background-image: -moz-linear-gradient( 90deg, rgb(235,235,235) 0%, rgb(254,254,254) 100%);
background-image: -webkit-linear-gradient( 90deg, rgb(235,235,235) 0%, rgb(254,254,254) 100%);
background-image: -ms-linear-gradient( 90deg, rgb(235,235,235) 0%, rgb(254,254,254) 100%);
color: rgb(64, 64, 64);
text-align: center;
height: 25px;
border: 1px solid #d9d9d9;
vertical-align: middle;
font-family: "Segoe UI";
box-shadow: 0px 0px 1px #d9d9d9;
}
<button class="btn">Some button</button>
现在我想做这样的东西:
3条答案
按热度按时间ioekq8ef1#
当然不是完美的,但也不算太糟...
cbjzeqam2#
fiei3ece3#
您可以将按钮 Package 在一个按钮中,然后使用位置作为 Package 器的相对位置,然后添加:before,您可以向:before添加边框,并使宽度和高度为0。
这很难解释,它的更好,如果你检查这个博客:https://developerwings.com/button-with-a-sideways-triangle-using-css-html/