વેબ ડિઝાઇનમાં બટનો તરીકે વપરાય છે ગ્રાફિક સ્ત્રોત જે મુલાકાતીને રોકવામાં, તેને વાંચવામાં અને લાલચ અનુભવવામાં મદદ કરે છે અથવા તેના પર ક્લિક કરવાની જરૂર છે. છે એક "કાર્ય માટે બોલાવો”(ક Callલ ટુ એક્શન) દરેક નિયમમાં, દરેક વસ્તુની જેમ, બુદ્ધિ અને માપદંડથી ગોઠવવું આવશ્યક છે.
સૌથી વધુ રાખે છે તે પ્રકારનું બટન પસંદ કરવું ખૂબ જ મહત્વપૂર્ણ છે સુસંગતતા તમારી વેબસાઇટ અથવા બ્લોગના દેખાવ સાથે. અને ધ્યાનમાં લેવાનું બીજું પરિબળ એ છે કે, જો તમારા પૃષ્ઠમાં 5 બટનો છે, તો તે 5 તેના સારમાં સમાન દેખાવ જાળવી રાખે છે: સમાન રંગ, સમાન ફોન્ટ, સમાન કદ. તમે ઇચ્છો ત્યાં ડાઉનલોડ કરવા અને ઉપયોગ કરવા આ પોસ્ટમાં અમે તમારા માટે 12 નિ buttશુલ્ક બટનો લાવ્યા છીએ.
12 નિ Butશુલ્ક બટનો
6 ટિપ્સ એક બટન પેક અથવા બીજા પર નિર્ણય લેતા પહેલા ધ્યાનમાં લેવાનું ઝડપી:
- કે તમારી વેબસાઇટ પરના બધા બટનો સમાન પેક (અથવા અન્યથા, તેઓ રંગ, આકાર અને ટાઇપોગ્રાફીમાં મેળ ખાય છે).
- કરતાં વધુ બટનો ઉપયોગ કરશો નહીં જરૂરી તમારા પૃષ્ઠ પર (તમે તેને વધારે લોડ કરવાનું જોખમ ચલાવો છો).
- જો તે પૃષ્ઠભૂમિ રંગ તમારી વેબસાઇટ વાદળી, લીલો, લાલ, ભુરો અથવા કાળો (તીવ્ર) છે, બટન પર નિર્ણય લેતા પહેલા તેને હળવા માટે બદલો. તમારા મુલાકાતી તમારો આભાર માનશે.
- ઇવિતા નબળી ગુણવત્તાવાળા બટનો કે જે પિક્સેલેટેડ દેખાય છે (આની સાથે, તે તમને થશે નહીં).
- જો તમારું પૃષ્ઠ સ્પેનિશમાં છે, તો "ડાઉનલોડ", "વધુ વાંચો", વગેરે કહે છે તેવા બટનોનો ઉપયોગ કરશો નહીં. અને .લટું.
- જો તમે છબીઓની જગ્યાએ CSS3 કોડ સાથે બનેલા બટનોનો ઉપયોગ કરી શકો, તો વધુ સારું. જેમકે CSS3 માં રબર ટેક્ષ્ચર બટનો કે અમે તમને થોડા સમય પહેલા શીખવ્યું હતું.
જનરલ
ત્રણેય સ્થિતિમાં વાદળી બટન (સામાન્ય, દબાયેલ અને સક્રિય) 
તમારા સામાજિક નેટવર્ક્સ માટે
સરળ રાઉન્ડ બટનો: રંગ 'ટેન્ગેરિન ટેંગો', રંગ 'હની સકલ', પીરોજ રંગ y મીમોસા રંગ 
વધુ મહિતી - CSS3 માં રબર ટેક્ષ્ચર બટનો