Trong 1 website luôn cần đến 1 button và 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 làm sao để có 1 button đẹp mắt.

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.

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 custom bằng css bổ sung.

Đầu tiên hãy đặt class cho 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.

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

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

không hover
khi hover

Ở trên mình đã hướng dẫn các bạn custom button 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 !!!!

Trả lời

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *