html好看的按钮代码

admin2个月前 (10-21)PHP编程语言26

以下是一个HTML按钮的代码示例，包括详细注释，以使按钮看起来好看并且易于自定义。你可以根据自己的需要进行调整和扩展。

本文文章 目录

总结

<!DOCTYPE >
<>
<head>
    <style>
        /* 样式按钮的外观 */
        .custom-button {
            background-color: #3498db; /* 背景颜色 */
            border: none; /* 去掉边框 */
            color: #fff; /* 文本颜色 */
            padding: 10px 20px; /* 内边距，可以根据需要调整 */
            border-radius: 5px; /* 圆角 */
            cursor: pointer; /* 鼠标悬停时显示手型光标 */
            font-size: 16px; /* 字体大小 */
        }        /* 鼠标悬停时的效果 */
        .custom-button:hover {
            background-color: #2980b9; /* 悬停时的背景颜色 */
        }
    </style>
</head>
<body><!-- 创建一个按钮 -->
<button class="custom-button">点击我</button></body>
</>