ווי צו טוישן לינק ונטערלינעס אויף אַ וועבפּאַגע

אַראָפּנעמען לינק ונדערלינעס אָדער Create Dashed Dotted, אָדער Double Underlined Links

דורך פעליקייַט, וועב בראַוזערז האָבן זיכער CSS סטיילז אַז זיי אָנווענדן צו ספּעציפיש HTML עלעמענטן. אויב איר טאָן ניט יבערבייַטן די דיפאָלץ מיט דיין פּלאַץ סטיילז פון דיין פּלאַץ, דעמאָלט די דיפאָלץ וועלן צולייגן. פֿאַר כייפּערלינגקס, די פעליקייַט אַרויסווייַזן נוסח איז אַז קיין לינגקט טעקסט וועט זייַן בלוי און אַנדערליינד. דער בלעטערער טוט דעם אַזוי אַז אַ פּלאַץ ס וויזאַטערז קענען לייכט זען וואָס טעקסט איז לינגקט. פילע וועב דיזיינערז טאָן ניט זאָרגן פֿאַר די פעליקייַט סטיילז, ספּעציעל די אַנדערליינז. טהאַנקפוללי, קסס מאכט עס גרינג צו טוישן די קוק פון די אַנדערליינז אָדער באַזייַטיקן זיי גאָר.

רימוווינג די ונדערלינע אויף טעקסט לינקס

אונטערשיידן טעקסט קען זיין מער טשאַלאַנדזשינג צו לייענען אַז ניט-אַנדערליינד טעקסט. דערצו, פילע דיזיינערז פשוט טאָן ניט זאָרגן פֿאַר די קוק פון אַנדערליינד טעקסט לינקס. אין די ינסטאַנסיז, איר וועט מסתּמא ווילן צו באַזייַטיקן די אַנדערליינז בעסאַכאַקל.

צו באַזייַטיקן די אַנדערליינז פון טעקסט לינקס, איר וועט נוצן די קסס פאַרמאָג טעקסט-באַפּוצונג. דאָ איז די קסס איר וואָלט שרייַבן צו טאָן דאָס:

אַ {טעקסט-באַפּוצונג: גאָרניט; }

מיט דעם איין ליניע פון ​​קסס, איר וואָלט באַזייַטיקן די אַנדערליין פון אַלע טעקסט לינקס. אפילו דאָס איז אַ זייער גענעראַל נוסח (עס ניצט אַן עלעמענט סעלעקטאָר), עס נאָך האט מער ספּעציפיש ווי די פעליקייַט בראַוזערז סטיילז טאָן. ווייַל די פעליקייַט סטיילז זענען וואָס קריייץ די אַנדערליינז צו אָנהייבן מיט, וואָס איז וואָס איר דאַרפֿן צו אָווועררייט.

א Caution אויף רימוווינג אַנדערליינז

וויסואַללי, די באַזייַטיקונג פון אַנדערליינז קען זיין פּונקט וואָס איר ווילן צו דורכפירן, אָבער איר זאָל זיין אָפּגעהיט ווען איר טאָן דאָס ווי געזונט. צי איר ווילן דער קוק פון אַנדערליינד לינקס אָדער ניט, איר קענען נישט טייַנען אַז זיי מאַכן עס קלאָר ווי דער טאָג וואָס טעקסט איז לינגקט און וואָס איז נישט. אויב איר באַפרייַען אַנדערליינז אָדער טוישן דעם פעליקייַט בלוי פֿאַרב פֿאַרב, איר זאָל מאַכן זיכער איר פאַרבייַטן זיי מיט סטיילז אַז נאָך לאָזן לינגקט טעקסט צו שטיין אויס. דעם וועט מאַכן פֿאַר אַ מער ינטואַטיוו דערפאַרונג פֿאַר דיין פּלאַץ ס וויזאַטערז.

טאָן ניט ונטערטעניק ניט-לינקס

אן אנדער אָפּזאָג אויף לינקס און אַנדערליינז, טאָן ניט אונטערשטיין טעקסט וואָס איז נישט אַ לינק ווי אַ וועג צו ונטערשטרייַכן עס. מענטשן האָבן קיינמאָל דערוואַרטן אונטערשטאַנד טעקסט צו זיין אַ לינק, אַזוי אויב איר אונטערשטיצן אינהאַלט צו שטעלן די טראָפּ (אַנשטאָט פון מאַכן עס דרייסט אָדער ייטאַמז), איר שיקן דעם אומרעכט אָנזאָג און וועט צעמישן די וועבזייטל.

טוישן די ונדערלינע צו דאַץ אָדער דאַשעס

אויב איר ווילן צו האַלטן דיין טעקסט לינק אַנדערליינז, אָבער טוישן דעם נוסח פון דעם אָפנהאַרציק פון די פעליקייַט קוקן, וואָס איז אַ "soldi" שורה, איר קענען טאָן דאָס אויך. אַנשטאָט דעם האַרט שורה, איר קענען נוצן דאַץ פֿאַרשטיין דיין לינקס. צו טאָן דאָס, איר וועט נאָך באַזייַטיקן די אַנדערליין, אָבער איר וועט פאַרבייַטן עס מיט די גרענעץ-דנאָ נוסח פאַרמאָג:

אַ {טעקסט-באַפּוצונג: גאָרניט; ברעג-דנאָ: 1 פּקס דאַטיד; }

זינט איר'ווע אראפגענומען די סטאַנדאַרט אַנדערליין, די דאַטיד איינער איז די בלויז איינער וואָס איז אויס.

איר קענען טאָן די זעלבע זאַך צו באַקומען אַ ציל. נאָר טוישן די גרענעץ-דנאָ נוסח צו דאַשט:

אַ {טעקסט-באַפּוצונג: גאָרניט; border-bottom: 1px dashed; }

טוישן די ונדערלינע קאָלאָר

אן אנדער וועג צו ציען ופמערקזאַמקייַט צו דיין לינקס איז צו טוישן די קאָליר פון די אַנדערליין. נאָר מאַכן זיכער די קאָליר פיץ מיט דיין קאָליר סכעמע .

אַ {טעקסט-באַפּוצונג: גאָרניט; ברעג-דנאָ: 1 פּקס האַרט רויט; }

Double Underlines

דער קונץ צו ניצן טאָפּל אַנדערליינז איז אַז איר האָבן צו טוישן די ברייט פון די גרענעץ. אויב איר שאַפֿן אַ 1 פּקס ברייט ברעג, איר וועט סוף אַרויף מיט אַ טאָפּל אַנדערליין וואָס קוקט ווי אַ איין אַנדערליין.

אַ {טעקסט-באַפּוצונג: גאָרניט; ברעג-דנאָ: 3 פּקס טאָפּל; }

איר קענען אויך נוצן די יגזיסטינג אַנדערליין צו מאַכן אַ טאָפּל אָפפלינע מיט אנדערע פֿעיִקייטן, אַזאַ ווי איינער פון די לינעס זייַענדיק דאַטיד:

אַ {ברעג-דנאָ: 1 פּקס טאָפּל; }

טאָן ניט פאַרגעסן די לינקס שטאַטן

איר קענען לייגן די גרענעץ-דנאָ נוסח צו דיין פֿאַרבינדונגען אין פאַרשידענע שטאַטן אַזאַ ווי: האָווער,: אַקטיוו, אָדער: באזוכט. דעם קענען שאַפֿן אַ פייַן "ראָולאָוווער" נוסח דערפאַרונג פֿאַר וויזאַטערז ווען איר נוצן דעם "האָווער" פּסעוודאָ קלאַס. צו מאַכן אַ צווייט פּונקט אַנדערליין דערשייַנען ווען איר האָווער איבער די לינק:

אַ {טעקסט-באַפּוצונג: גאָרניט; } אַ: האָווער {border-bottom: 1px dotted; }

אָריגינעל אַרטיקל דורך דזשענניפער קרינן. Edited by Jeremy Girard