Trình tạo nút CSS
Tạo nút có kiểu dáng với mã CN
tools.buttonGenerator.title
tools.buttonGenerator.description
.click-me {
padding: 12px 18px;
font-size: 16px;
font-weight: 600;
border-radius: 4px;
border: none;
background-color: #3B82F6;
color: #FFFFFF;
cursor: pointer;
}
.click-me:hover {
background-color: #2563EB;
}Thiết kế các nút tùy chỉnh với kiểu CSS bằng Trình tạo nút của chúng tôi. Tạo các nút theo kiểu với màu sắc, kích thước, đường viền và hiệu ứng di chuột cho các dự án web của bạn.
Key Features
Văn bản và kiểu dáng của nút có thể tùy chỉnh
Bộ chọn màu cho màu nền và màu văn bản
Có thể điều chỉnh khoảng đệm, cỡ chữ và bán kính đường viền
Tùy chọn kiểu dáng và trọng lượng phông chữ
Kiểu đường viền (không có, liền nét, nét đứt, chấm)
Lựa chọn màu hiệu ứng di chuột
Trình tạo nút
Nhập văn bản nút
Nhập văn bản nhãn bạn muốn xuất hiện trên nút của mình
Tùy chỉnh màu sắc
Sử dụng bộ chọn màu để đặt màu nền, văn bản và màu di chuột
Điều chỉnh kích thước
Đặt phần đệm, cỡ chữ và bán kính đường viền để định cỡ
Thêm kiểu dáng
Chọn độ dày phông chữ và chọn kiểu viền nếu muốn
Sao chép CSS
Nhấp vào Sao chép để lấy mã CSS cho nút được tạo kiểu của bạn
Use Cases
Tạo nút kêu gọi hành động cho trang đích
Thiết kế kiểu nút nhất quán cho ứng dụng web
Xây dựng trạng thái di chuột của nút để phản hồi tương tác
Tạo nguyên mẫu các thành phần UI cho hệ thống thiết kế
Frequently Asked Questions
Tôi có thể tạo các trạng thái nút khác nhau không?
Có, trình tạo tự động tạo cả CSS trạng thái bình thường và trạng thái di chuột
Những lớp CSS nào được tạo ra?
Công cụ này tạo ra các tên lớp ngữ nghĩa dựa trên văn bản nút của bạn
Tôi có thể tùy chỉnh kiểu đường viền không?
Có, chọn từ không, viền liền nét, nét đứt, chấm hoặc viền kép với chiều rộng tùy chỉnh
Mã đã sẵn sàng để sản xuất chưa?
Có, tất cả CSS được tạo đều được tối ưu hóa và sẵn sàng sử dụng trong sản xuất
Tool Information
Related Tools You Might Like
Trình tạo bảng màu từ ảnh
Name
Bộ chuyển đổi RGB/HEX
Chuyển đổi giữa định dạng màu RGB và Hex
Chung
Tạo lược tự chọn với ô xem thử
Trình kiểm tra độ tương phản WCAG
Kiểm tra độ tương phản màu theo tiêu chuẩn WCAG
Trình tạo chữ ký số
Tạo các ký hiệu kỹ thuật số có cấu hình khác nhau
Name
Tạo ra bóng hộp CN
Máy tính âm lượng Surfboard
Tính toán một khối lượng hoàn hảo dựa trên trọng lượng, mức kinh nghiệm và điều kiện sóng.
Trình chuyển đổi chiều cao Sóng
Chuyển đổi giữa các đợt đo chiều cao khác nhau (mặt cao, tỷ lệ Hawaii, sóng biển).
Comment
Lên kế hoạch lặn với giới hạn độ sâu, thời gian dưới và mức an toàn.