+2
    
 GIúp đỡ css
Chào mọi người, mình có làm cái navbar sử dụng bootstrap 4 như hình
 Khi hover vào menu thì có border ở dưới chữ và chữ nó bị đẩy lên 2px (do border có độ dày 2px). Xin hỏi làm sao để chữ không bị đẩy lên ạ
Khi hover vào menu thì có border ở dưới chữ và chữ nó bị đẩy lên 2px (do border có độ dày 2px). Xin hỏi làm sao để chữ không bị đẩy lên ạ
            Thêm một bình luận
         
5 CÂU TRẢ LỜI
đúng nó rồi bác. Mình dùng border nên nó bị đẩy lên. tks bác nhé
@vmtri96 you're welcome 
hình như có tác dụng với margin, padding thôi mà bác
@vmtri96 hoặc bạn có thể set thêm css cho mặc định lúc nào cx có cái border bottom như này:
border-bottom: 2px solid transperant;
Thì khi hover vào sẽ chỉ cần đổi màu thôi và chữ ko bị di chuyển
        +1
    
 Cũng không biết được bạn viết css như thế nào nhưng đây là một ví dụ bạn có thể tham khảo và làm theo  https://codepen.io/martinwolf/pen/eNNdme
https://codepen.io/martinwolf/pen/eNNdme
        +1
    
 Đơn giản nhất là tạo 1 border: 2px solid transperant; Sau đó khi hover vào thì sửa border-color là được.
 
  
  
  
  
 