如何实现块状效果

📅 2026/8/2 16:37:11 👁️ 阅读次数 📝 编程学习
如何实现块状效果

图片

代码

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <div style="width: 200px; height:50px; background-image: linear-gradient(to right, #F4A460 , #F5DEB3); border-radius: 20px; "> <p style="color:white; text-align:center; line-height:50px;">点击我</p> </div> </body> </html>