製作一個重疊按鈕

Question

我想製作一個可以在面前展示的按鈕...任何想法？

.button { 
    position:absolute; 
    top:240px; 
    left: 452.5px; 
    width:110px; 
    height:40px; 
    display: block; 
    margin-bottom: 10px; 
    text-align: center; 
    line-height: 30px; 
    margin: 20px; 
    cursor: pointer; 
    color: #fff; 
    text-align: center; 
    border: solid #009c93 1px; 
    border-top-right-radius: 7px; 
    border-bottom-right-radius: 7px; 
    background: #009c93; 
    text-shadow: 2px 2px #222222); 
} 

Answer 1

他們使用這樣的：

.button::before { 
    content: ''; 
    position: absolute; 
    border-width: 8px 8px 8px 0; 
    border-style: solid solid solid none; 
    border-color: transparent #D83C3C transparent; 
    top: 12px; 
    left: -6px; 
} 

BTW。佔位符與此無關！這是純粹的CSS。