બધા વેબ બ્રાઉઝરો પાસે ડિફૉલ્ટ કલર્સ છે જેનો ઉપયોગ તેઓ લિંક્સ માટે કરે છે જો વેબ ડિઝાઇનર તેમને સેટ ન કરે. તે છે:
- ડિફૉલ્ટ લિંક રંગ
- સક્રિય લિંકનો રંગ (જ્યારે માઉસને લિંક પર ક્લિક કરીને રાખવામાં આવે છે).
- અનુસરતા લિંક રંગ (જ્યારે લિંકને પહેલાં ક્લિક કરવામાં આવી હતી).
વળી, મોટાભાગના વેબ બ્રાઉઝરો આને ડિફૉલ્ટ રૂપે બદલી શકતા નથી, તમે હૉવર રંગને પણ વ્યાખ્યાયિત કરી શકો છો - જ્યારે લિંક એ માઉસ પર રાખેલ હોય ત્યારે લિંક છે
લિંક રંગો બદલવા માટે સીએસએસ ઉપયોગ કરો
આ રંગોને બદલવા માટે, તમે CSS નો ઉપયોગ કરો છો (તમે ઉપયોગમાં લઈ શકતા કેટલાક અમૂર્ત HTML એટ્રીબ્યૂટ્સ પણ છે, પરંતુ હું નાપસંદ કરેલ કોઈપણ વસ્તુનો ઉપયોગ કરવાની ભલામણ કરું છું નહીં). લિંકનો રંગ બદલવા માટેની સૌથી સહેલી રીત ટૅગ શૈલી છે:
એક {રંગ: કાળો; }આ સીએસએસ સાથે, કેટલાક બ્રાઉઝર્સ લિંકના તમામ પાસાં (સક્રિય, અનુસરણ અને હોવર) ને કાળા પર બદલશે, જ્યારે અન્યો ફક્ત ડિફૉલ્ટ રંગ બદલશે.
લિંકના બધા ભાગોને બદલવા માટે CSS સ્યુડો વર્ગોનો ઉપયોગ કરો
એક સ્યુડો-ક્લાસ સી.એસ.એસ.માં કોલન (:) સાથે ક્લાસ નામની પહેલા રજૂ થાય છે. ચાર સ્યુડો વર્ગો છે જે લિંક્સને અસર કરે છે:
ડિફૉલ્ટ લિંક રંગ બદલવા માટે:
a: લિંક {color: red; }સક્રિય રંગ બદલવા માટે:
a: સક્રિય {રંગ: વાદળી; }અનુસરતા લિંક રંગ બદલવા માટે:
a: મુલાકાત લીધી {color: purple; }રંગ ઉપર માઉસ બદલવા માટે:
a: હોવર {color: green; }