Cách tạo button và chỉnh sửa 1 button

Trong 1 website luôn cần đến 1 button và tạo button phải đẹp mắt thì website mình mới trở nên sinh động và hấp dẫn trong mắt người dùng được.

Bài viết này của Hitime sẽ hướng dẫn cho các bạn cách tạo 1 button đẹp mắt và cách chỉnh sửa button.

Bước 1: các bạn có thể tạo button trong trang chính trang web hay trên 1 block tùy ý các bạn.

Cách tạo button và chỉnh sửa 1 button
Tạo Button

Vào phần item tùy chọn các bạn chọn cho mình item button(nút)

Bước 2: sau khi chọn xong các bạn dup chuột vào button đó và bảng điều khiển của button đó sẽ mở ra. Trong này các bạn có thể thay đổi nội dung của button cũng như là màu sắc, hover,…

Các bạn cũng có thể custom nó bằng css bổ sung

Bước 3: ở bước này mình sẽ hướng dẫn các bạn tùy chỉnh Button bằng css bổ sung.

Đầu tiên hãy đặt class cho button.

Cách tạo button và chỉnh sửa 1 button
Tùy chỉnh button

Sau đó lưu lại và thoát ra ngoài. Lúc này các bạn hãy đặt block này vào trang nào đó để dễ dàng thấy được sự thay đổi khi ta css.sau đó các bạn vào phần custom css.

Cách tạo button và chỉnh sửa 1 button

Và nơi viết css sẽ mở ra, sẽ có 3 phần cho pc mobile và tablet tùy cho các bạn muốn hiển thị lên thiết bị nào.ở đây mình sẽ cho hiển thị lên desktop thôi

Cách tạo button và chỉnh sửa 1 button

Ở đây mình đã thay đổi cả hover và mặc định của button rồi. dưới đây là kết quả.

Cách tạo button và chỉnh sửa 1 button
Không hover
Cách tạo button và chỉnh sửa 1 button
Khi hover

Ở trên mình đã hướng dẫn các bạn tạo button và chỉnh sửa nó bằng css hoặc các bạn có thể bỏ qua phần css mà có thể làm những cái có sẵn trong bang điều khiển thôi. Chúc các bạn thành công !!!!

Nếu có bất kì thắc mắc nào, vui lòng liên hệ HiTime Chuyên Thiết Kế và Quản lý Website hoặc HiTime Website Design.

Tham khảo thêm:
10 Cách đặt tên thương hiệu cho Startup khởi nghiệp
3 Gợi ý đặt tên thương hiệu theo phong thủy