ಬಣ್ಣದ ಕೊಂಡಿಗಳು

ಹೋವರ್ ಸ್ಟೇಟ್‌ಗಳೊಂದಿಗೆ ಬಣ್ಣದ ಲಿಂಕ್‌ಗಳು

.link-*ಲಿಂಕ್‌ಗಳನ್ನು ಬಣ್ಣಿಸಲು ನೀವು ತರಗತಿಗಳನ್ನು ಬಳಸಬಹುದು . .text-*ವರ್ಗಗಳಿಗಿಂತ ಭಿನ್ನವಾಗಿ , ಈ ವರ್ಗಗಳು ಒಂದು :hoverಮತ್ತು :focusರಾಜ್ಯವನ್ನು ಹೊಂದಿವೆ.

ಪ್ರಾಥಮಿಕ ಲಿಂಕ್ ದ್ವಿತೀಯ ಲಿಂಕ್ ಸಕ್ಸಸ್ ಲಿಂಕ್ ಡೇಂಜರ್ ಲಿಂಕ್ ಎಚ್ಚರಿಕೆ ಲಿಂಕ್ ಮಾಹಿತಿ ಲಿಂಕ್ ಲೈಟ್ ಲಿಂಕ್ ಡಾರ್ಕ್ ಲಿಂಕ್

<a href="#" class="link-primary">Primary link</a>
<a href="#" class="link-secondary">Secondary link</a>
<a href="#" class="link-success">Success link</a>
<a href="#" class="link-danger">Danger link</a>
<a href="#" class="link-warning">Warning link</a>
<a href="#" class="link-info">Info link</a>
<a href="#" class="link-light">Light link</a>
<a href="#" class="link-dark">Dark link</a>

ಕೆಲವು ಲಿಂಕ್ ಶೈಲಿಗಳು ತುಲನಾತ್ಮಕವಾಗಿ ಹಗುರವಾದ ಮುಂಭಾಗದ ಬಣ್ಣವನ್ನು ಬಳಸುತ್ತವೆ ಮತ್ತು ಸಾಕಷ್ಟು ಕಾಂಟ್ರಾಸ್ಟ್ ಅನ್ನು ಹೊಂದಲು ಡಾರ್ಕ್ ಹಿನ್ನೆಲೆಯಲ್ಲಿ ಮಾತ್ರ ಬಳಸಬೇಕು.