运行 ❯
获取您
自己的
网站
×
更改方向
保存代码
更改主题，深色/浅色
前往 Spaces
<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> .btn { border: none; border-radius: 5px; padding: 12px 20px; font-size: 16px; cursor: pointer; background-color: #282A35; color: white; position: relative; } .ribbon { width: 60px; font-size: 14px; padding: 4px; position: absolute; right: -25px; top: -12px; text-align: center; border-radius: 25px; transform: rotate(20deg); background-color: #ff9800; color: white; } </style> </head> <body> <h1>CSS Ribbon</h1> <button class="btn">A button for something cool <span class="ribbon">NEW</span></button> </body> </html>
