CSS圆角按钮样式让网站看起来更美观且亲切,下面是一些实例代码:
.button {display: inline-block;padding: 10px 20px;font-size: 16px;font-weight: bold;text-align: center;text-decoration: none;color: #fff;background-color: #007bff;border-radius: 10px;cursor: pointer;}.button:hover {background-color: #0062cc;}.button:active {background-color: #005cbf;}.button:disabled {opacity: 0.5;cursor: not-allowed;}.button-small {padding: 5px 10px;font-size: 14px;border-radius: 8px;}.button-large {padding: 15px 30px;font-size: 20px;border-radius: 12px;}.button-highlight {background-color: #f5a623;}.button-secondary {background-color: #444444;}以上样式代码可以根据需要进行修改,比如更改颜色、尺寸、圆角大小等,可以大程度地满足网站设计的需求。