HTML简单按钮

最新推荐文章于 2024-07-25 10:45:42 发布

最后的ikun

最新推荐文章于 2024-07-25 10:45:42 发布

阅读量228

点赞数

文章标签： css html css3

本文链接：https://blog.csdn.net/aksu747/article/details/127909578

版权

<!DOCTYPE html>
<html>
   <head>
       <meta charset="utf-8">
       <title>按钮</title>
   </head>
   <style>
       .btn{
           width:100px;
           height: 50px;
           font-size: 25px;
           margin-top: 20px;
           margin-left: 20px;
           font-weight: 700;
           box-shadow: 2px 2px 2px pink
           -2px 2px 2px green
           -2px -2px 10px blue;
           background-color: aqua;
           color: black;
           border: 2px dashed darkorange;
           border-radius: 0px;
       }
       .btn:hover{
           background-color: pink;
           color: aquamarine;
           border-radius: 100px;
       }
   </style>
   <body>
       <button class="btn">按钮</button>
   </body>
</html>