Hướng dẫn logout button css examples - ví dụ về nút đăng xuất css
Các lớp nút W3.CSSW3.CSS cung cấp các lớp sau cho các nút: Show
nútCả lớp W3-Button và lớp W3-BTN đều thêm nút nút cho bất kỳ phần tử HTML nào.w3-button class and the w3-btn class add button-behavior to any HTML elements. Các yếu tố phổ biến nhất để sử dụng là, và: Thí dụ Nút nút liên kết Nút nút liên kết Hãy tự mình thử » Màu sắc nútTất cả các lớp màu W3 được sử dụng để thêm màu vào các nút:w3-color classes is used to add color to buttons: Thí dụ Nút nút liên kết Hãy tự mình thử » Màu sắc nútTất cả các lớp màu W3 được sử dụng để thêm màu vào các nút: Màu đen kaki vàng tímw3-hover-color classes is used to add hover color to buttons: Thí dụ Nút nút liên kết Nút nút liên kết Hãy tự mình thử »Màu sắc nútw3-round-size classes are used to add rounded borders to buttons: Thí dụ Nút nút liên kết Nút nút liên kết Nút nút liên kết Hãy tự mình thử »Màu sắc nútw3-size classes can be used to define different text sizes: Thí dụ Nút nút liên kết Nút nút liên kết Hãy tự mình thử »Màu sắc nútw3-border class can be used to add borders to buttons. Tất cả các lớp màu W3 được sử dụng để thêm màu vào các nút:w3-border-colorclasses are used to define the color of the border: Thí dụ Nút nút liên kết Nút nút liên kết Hãy tự mình thử » Add the w3-round-size class to add rounded borders. Màu sắc nútTất cả các lớp màu W3 được sử dụng để thêm màu vào các nút: Màu đen kaki vàng tímw3-wide class adds a wider text effect: Thí dụ Nút nút liên kết Nút nút liên kết Hãy tự mình thử » Màu sắc nút Thí dụ Nút nút liên kết Nút nút liên kết Hãy tự mình thử »Màu sắc nútw3-padding-size classes is used to add extra padding around the button text: Thí dụ Nút nút liên kết Nút nút liên kết Nút nút liên kết Hãy tự mình thử »Màu sắc nútw3-block class to the button. Tất cả các lớp màu W3 được sử dụng để thêm màu vào các nút: Thí dụ Nút nút liên kết Nút nút liên kết Nút nút liên kết Hãy tự mình thử » Align the button text with the w3-left-align class or the w3-right-align class. Màu sắc nútstyle="width:". Thí dụ Nút nút liên kết Nút nút liên kết Hãy tự mình thử »Màu sắc nút Tất cả các lớp màu W3 được sử dụng để thêm màu vào các nút: Màu đen kaki vàng tímw3-disabled class is used to create a disabled button (if the element support the standard HTML disabled attribute, you can use the disabled attribute instead): Thí dụ Nút nút liên kết Nút nút liên kết Nút nút liên kết Hãy tự mình thử »Màu sắc nútw3-bar class: Thí dụ Nút nút liên kết Nút nút liên kết Hãy tự mình thử » Màu sắc nútw3-bar-item class: Thí dụ Nút nút liên kết Nút nút liên kết Hãy tự mình thử »w3-center class: Thí dụ Nút nút liên kết Nút nút liên kết Hãy tự mình thử »w3-show-inline-block class: Thí dụ Nút nút liên kết Nút nút liên kết Nút nút liên kết Hãy tự mình thử »Màu sắc nút Thí dụ Nút nút liên kết Nút nút liên kết Hãy tự mình thử »style="width:": Thí dụ Nút nút liên kết Nút nút liên kết Hãy tự mình thử » Màu sắc nútTất cả các lớp màu W3 được sử dụng để thêm màu vào các nút:.w3-left class and the .w3-right class to float buttons to the left or to the right: Màu đen kaki vàng tím Thí dụ Nút nút liên kết Nút nút liên kết Hãy tự mình thử »Màu sắc nútw3-ripple class creates a ripple effect on buttons (when they are clicked on): Thí dụ Nút nút liên kết Nút nút liên kết Hãy tự mình thử »Màu sắc nút Tất cả các lớp màu W3 được sử dụng để thêm màu vào các nút: Màu đen kaki vàng tím Bất kỳ div, tiêu đề, chân trang hoặc các thùng chứa khác có thể là một nút W3!w3-button! Bất kỳ Div, tiêu đề, chân trang hoặc các thùng chứa khác có thể là W3-BTN!w3-btn! Nút trònLớp W3 có thể được sử dụng để tạo các nút tròn: + + Thí dụ+ + Hãy tự mình thử » Các nút vuông: + + Thí dụ+ + Hãy tự mình thử » |