+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 ạ
Add a comment
5 ANSWERS
đú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
+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.
